1、Radio 改变值,后面的内容跟随变化
<div class="control-group"> <label class="control-label">形式</label> <div class="controls"> <input type="radio" name="informWay" value="1" <c:if test="${dto.informWay eq 1}">checked</c:if> class="required" onclick="clickInformWay();"/>X广播 <input type="radio" name="informWay" value="2" <c:if test="${dto.informWay eq 2}">checked</c:if> class="required" onclick="clickInformWay();"/>Y广播 </div> </div>
//形式 function clickInformWay(){ var informWay = $('input[name=informWay]:checked').val(); //X if(informWay==1){ } //Y else{ } } $(function(){ //形式默认值 var informWay = $('input[name="informWay"]:checked').val(); if(informWay==undefined){ $("input[name='informWay'][value=1]").attr("checked",true); } clickInformWay(); });
2、新增修改界面,select下拉选择项来源读取数据库数据
<div id="dlg" class="easyui-dialog" style="width: 600px; height: 300px; padding: 10px 20px" closed="true" buttons="#dlg-buttons"> <form id="fm" method="post" novalidate> <table class="edit"> <tr><th width="35%">图文消息的标题:</th><td style="padding-left: 10px;" width="65%"><input name="title" id="title" class="easyui-textbox" required="true" size="40" /></td></tr> <tr><th>图文消息页面的内容:</th><td style="padding-left: 10px;"> <textarea rows="5" cols="41" name="content" id="content"></textarea></td></tr> <tr><th>图文消息缩略图的唯一标识:</th><td style="padding-left: 10px;"> <select id="thumb_media_id" name="thumb_media_id"></select><label style="padding-left: 5px"><font>(说明:来源“素材管理”)</font></label> </td></tr> </table> <div id="dlg-buttons"> <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveEdit()" style="width: 90px">提交</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width: 90px">取消</a> </div> </form> </div>
function findThumbMediaIdList() { var obj = $("#thumb_media_id"); $.ajax({ type: "POST", dataType: "json", url: "${ctx}/admin/wxMediaNews/findThumbMediaIdList", success: function (data) { obj.empty(); $.each(data, function (i, n) { $("<option value=" + n.media_id + ">" + n.title + "</option>").appendTo(obj); }); } }); }
public void findThumbMediaIdList(){ List<WxMaterial> list = WxMaterial.dao.findAll(); renderJson(list); }
其它关联代码:
$(function(){ findThumbMediaIdList(); }); 保存: var thumb_media_id = $('select[name="thumb_media_id"]').val(); if(thumb_media_id==null){ alert('图文消息缩略图的唯一标识必选!'); return; }
4、多选
JSP1:
<c:choose> <c:when test="${platform eq 0}"> <div class="control-group" flag="package"> <label class="control-label"><h4>Android</h4></label> </div> <div class="control-group" flag="package"> <label class="control-label">Android版本</label> <div class="controls" id="versionContainerId"> <table><tr><td> <select name="wayType" id="wayType" onchange="waytypechange();"> <option value="1" <c:if test="${dto.wayType eq '1'}">selected</c:if>>全部版本</option> <option value="2" <c:if test="${dto.wayType eq '2'}">selected</c:if>>精确版本</option> <option value="3" <c:if test="${dto.wayType eq '3'}">selected</c:if>>范围版本</option> </select> </td><td> <div id="versionContainerId_exact"> <input type="hidden" name="exactVers" id="exactVers" value="${dto.exactVers }"> <select id ="exact_vers" multiple="multiple" name="exact_vers" size="5"> <c:forEach items="${versions }" var="ver" varStatus="verStat"> <option value="${ver.platVer }" <c:forEach items="${dto.amsAppPlatformVersions }" var="platformVersion"> <c:if test="${ver.platVer eq platformVersion.platVer }"> selected="selected" </c:if> </c:forEach> >${ver.platVer }</option> </c:forEach> </select> </div> </td><td> <div id="versionContainerId_range"> <table><tr><td> <select id="rangeVer" name="rangeVer"> <c:forEach items="${versions }" var="ver" varStatus="verStat"> <option value="${ver.platVer }" <c:if test="${ver.platVer eq dto.rangeVer}">selected</c:if> >${ver.platVer }</option> </c:forEach> </select> </td><td> <select id="rangeUpdo" name="rangeUpdo"> <option value="1" <c:if test="${dto.rangeUpdo eq '1'}">selected</c:if> >以上(含)</option> <option value="2" <c:if test="${dto.rangeUpdo eq '2'}">selected</c:if> >以下(不含)</option> </select> </td></tr></table> </div> </td> <td><label for="versionContainerId" class="error" style="display: none;">必选字段</label></td> </tr> </table> </div> </div> </c:when> <c:otherwise> </c:otherwise> </c:choose>
JS1:
$("#exact_vers").multiselect({ noneSelectedText: "==请选择==", checkAllText: "全选", uncheckAllText: '全不选', selectedList:4 }); $('#versionContainerId_exact').hide(); $('#versionContainerId_range').hide(); waytypechange();
JS2:
相关推荐
韩顺平的jsp实战视频韩顺平的jsp实战视频韩顺平的jsp实战视频韩顺平的jsp实战视频韩顺平的jsp实战视频韩顺平的jsp实战视频韩顺平的jsp实战视频
18个JSP例子源代码+综合实例,适合初学者共同进步
jsp实战手册 本教程希望通过一个比较完整、有一定典型意义、比较容易理解、具一定实际含义的示例性项目,说明基于JavaEE开发的接近于工程化的过程、所使用的关键技术、不同框架下的实现及其比较。
jsp实战项目源代码——网上书店,实现了基本功能。
java jsp实战项目源程序代码集
JSP网络编程>>实战项目源代码>>网上书店(内包数据库)
JSP网络编程>>实战项目源代码>>学生成绩管理系统(内包数据库)
实战项目源代码----学生成绩管理系统.
jsp九大内置对象。page,applisrt.resquset,respose....
《实战JSP开发》源代码loginModule-src.rar
JSP实战项目教程|基于JSP的学生请假系统开发视频教程-附件资源
韩顺平 J2EE视频实战教程JSP详细目录: 韩顺平.j2ee视频实战教程jsp第1讲(上集) 韩顺平.j2ee视频实战教程jsp第1讲(下集) 韩顺平.j2ee视频实战教程jsp第2讲(上集) 韩顺平.j2ee视频实战教程jsp第2讲(中集) 韩顺平.j2ee...
张志峰jsp项目实战源代第19章项目源代码java web源代码
包括jsp开发指南。jsp设计等最经典的jsp书 j2ee交流群:42470459 数据库交流群:46693629 webService,soa交流群:42470725 欢迎大家一起交流
经典jsp对数据库的增加+展示 功能非常强大,简单易学
jsp 真实项目实例 j2ee实战开发项目 java实战开发项目源程序,仅供研究
jsp入门基础 做的一个简单的网上书店实例 基本查询修改功能,使用tomcat+sqlserver 没有使用框架 只使用最基本的jsp编程
jsp 个人博客 课程设计,里面包含源代码,数据库and 开发文档,