js获取springmvc后端传递过来的list对象,并使用select下拉框显示出来
2016-12-28 14:59
507 查看
function express_change(){ var extId = $("select[name='expressType']").val(); if(extId == "14660000000000000") { //电子卡券 $(".s_name").each(function(i){ if(i>0) { $(this).html("卡券密码:"); } }); } else { $(".s_name").each(function(i){ if(i>0) { $(this).html("物流单号:"); } }); if(extId=="1"){ var html='<option value="0">--请选择--</option>'; <c:forEach var="item" items="${allCompInfoList }"> html+='<option value="${item.id }">${item.name }</option>'; </c:forEach> $("select[name='expressType']").html(html); } } }jsp代码
<div class="xzl"> <ul> <li><span class="s_name">物流名称:</span> <select class="select_s" name="expressType" onchange="express_change()"> <option value="">--请选择--</option> <c:if test="${not empty CompInfoList && CompInfoList.size() > 0 }"> <c:forEach var="item" items="${CompInfoList }"> <option value="${item.id }">${item.name }</option> </c:forEach> <option value="1">--全部--</option> </c:if> </select> </li> </ul> <div class="clear"></div> </div>
1,首先js中可以使用服务器代码:<c:foreach items="${allComInfoList}" var="item" >
但是最好不要在js中直接接收数据,例如:使用一个变量存储 var temp ="${allComInfoList}" 获取的是字符串,里面包含的是对象, var temp =${allComInfoList}也能获取,是对象
上面的代码,却巧妙的使用html拼接成html获取数据,很爽啊,第一次这样做,太爽了。使用一个select下拉框把数据显示处理
当点击全部时,判读全部的value=1来执行js代码,把所有的数据都遍历出来
不用刷新页面,就在select下拉框中实现了
相关文章推荐
- json 后台传list对象到前台js获取便利显示到下拉框,避免乱码(ssm)
- struts2 select标签对Action中传递过来的List集合生成下拉列表
- 在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数
- 【转】javascript中值传递,地址传递,引用传递的问题(使用js创建list对象时会用到)
- struts2 select标签回显和显示传递过来的list
- javascript中值传递,地址传递,引用传递的问题(使用js创建list对象时会用到)
- JS传递对象数组为参数给后端,后端获取的实例代码
- JS获取select下拉框中的选中值
- js获取select显示值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值
- JS获取下拉列表(select)选中项的值和文本
- 中信-js对象的使用(实现的显示时间动态变化)
- 使用OLE2对象(操使作EXCEL:把内表中的数据在EXCEL中显示出来)
- JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值
- asp.net frameset里一个frame中获取下拉框、单选框的值并作为参数传递到另一个frame里并显示结果
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- JS获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- jsp通过logic:iterate或html:optionsCollection循环显示action中传过来的对象List
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项