在js中如何遍历List集合,并且动态渲染下拉列表数据
2017-07-06 16:20
489 查看
后台: List<对象> 存的是数据 存放在model中,List<String>下拉列表的数据,存在model中
我的需求: 页面加载完毕,要显示数据,并且下拉列表要有选项值
思路: 在js中动态渲染下拉列表,我得到的是一个List,我首先要遍历List,取到每个值,然后将每个值,添加到一个数组里,遍历数组,动态渲染
var array = new Array();
<c:forEach items="${typeList}" var="t">
array.push('${t}'); //js中可以使用此标签,将EL表达式中的值push到数组中
</c:forEach>
for(var i=0;i<array.length;i++)
{
if (di111==array[i]) {
$("#div11").append("<option value='"+array[i]+"' selected='selected'>"+array[i]+"</option>");
}else{
$("#div11").append("<option value='"+array[i]+"'>"+array[i]+"</option>");
}
}
我的需求: 页面加载完毕,要显示数据,并且下拉列表要有选项值
思路: 在js中动态渲染下拉列表,我得到的是一个List,我首先要遍历List,取到每个值,然后将每个值,添加到一个数组里,遍历数组,动态渲染
var array = new Array();
<c:forEach items="${typeList}" var="t">
array.push('${t}'); //js中可以使用此标签,将EL表达式中的值push到数组中
</c:forEach>
for(var i=0;i<array.length;i++)
{
if (di111==array[i]) {
$("#div11").append("<option value='"+array[i]+"' selected='selected'>"+array[i]+"</option>");
}else{
$("#div11").append("<option value='"+array[i]+"'>"+array[i]+"</option>");
}
}
相关文章推荐
- 使用JS,如何给下拉列表动态的添加一个option 选项?
- 关于js动态向下拉列表中添加数据
- jplayer中动态添加列表曲目(js提取request中的list数据作为js参数使用)
- jsp接收到controller传来的list集合 怎么把list集合里的值添加到动态生成的下拉列表,求救。。。。急急急
- easyui 下拉列表如何动态加载数据
- 如何动态增加下拉框列表,下拉框里的内容从js数组里得来?
- 关于js遍历list集合,获取select选中的值以及动态添加option
- Axure RP Pro - 相关问题 - 在规格文档中动态面板中的droplist下拉列表框部件会重复输出选项列表
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- c# winform comboBox动态下拉列表,comboBox动态绑定数据库里的数据
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- 用js+jsp实现在同一个下拉列表中,动态生成多级select选项
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- JS实现支持多选的遍历下拉列表代码
- List添加Item时, 如何去判断某个字段, 并且保证字段数据不重复性
- js如何控制select控件(下拉列表)