牛骨文教育服务平台(让学习变的简单)
博文笔记

关于js遍历list集合,获取select选中的值以及动态添加option

创建时间:2013-08-15 投稿人: 浏览次数:5040

1,js遍历list集合

js不能直接遍历list集合,可以在后台中将list集合封装成json格式

封装格式

JSONArray jsonArray = JSONArray.fromObject( list );

然后在ajax中遍历json格式的数据

jQuery.each(data.list,function(i,item)){

var id=item.id;

var name = item.name;

}

或者,在后台将list集合转换成数组格式,传到前台,前台可遍历数组格式的数据。

2,js获取select选中的值以及动态添加option

var select = document.getElementById("selectId");

var  index = select.selectedIndex; //选中的值的索引

var value = select.options[index].value; //选中项的value

var text = select.options[index].text;//选中项的text

动态添加option

select.options.add(new Option(text,value));

动态删除option

清空所有的option

select.options.length=0;

删除某一个option

select.remove(index);


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。