JS动态添加select下拉框
2011-10-13 21:47
253 查看
动态删除select中的所有options:
document.getElementById("ddlResourceType").options.length=0;
动态删除select中的某一项option:
document.getElementById("ddlResourceType").options.remove(indx);
动态添加select中的项option:
document.getElementById("ddlResourceType").options.add(new Option(text,value));
上面在IE和FireFox都能测试成功,希望以后你可以用上。
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。
取值方面
function getvalue(obj)
{
var m=obj.options[obj.selectedIndex].value
alert(m);//获取value
var n=obj.options[obj.selectedIndex].text
alert(n);//获取文本
}
==============================================================================
1 检测是否有选中
if (objSelect.selectedIndex > - 1 ) {
// 说明选中
} else {
// 说明没有选中
}
将option设为选中:document.getElementById("province").options.selected = true;
2 删除被选中的项
objSelect.options[objSelect.selectedIndex] = null ;
3 增加项
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所选择中的项
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所选择项的文本
objSelect.options[objSelect.selectedIndex].text;
6 得到所选择项的值
objSelect.options[objSelect.selectedIndex].value;
document.getElementById("ddlResourceType").options.length=0;
动态删除select中的某一项option:
document.getElementById("ddlResourceType").options.remove(indx);
动态添加select中的项option:
document.getElementById("ddlResourceType").options.add(new Option(text,value));
上面在IE和FireFox都能测试成功,希望以后你可以用上。
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。
取值方面
function getvalue(obj)
{
var m=obj.options[obj.selectedIndex].value
alert(m);//获取value
var n=obj.options[obj.selectedIndex].text
alert(n);//获取文本
}
==============================================================================
1 检测是否有选中
if (objSelect.selectedIndex > - 1 ) {
// 说明选中
} else {
// 说明没有选中
}
将option设为选中:document.getElementById("province").options.selected = true;
2 删除被选中的项
objSelect.options[objSelect.selectedIndex] = null ;
3 增加项
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所选择中的项
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所选择项的文本
objSelect.options[objSelect.selectedIndex].text;
6 得到所选择项的值
objSelect.options[objSelect.selectedIndex].value;
相关文章推荐
- JS对select动态添加options操作[IE&FireFox兼容]
- js:动态添加select选项,兼容IE和Firfox
- 使用js对select动态添加和删除OPTION示例代码
- JS对select动态添加options操作
- JS对select动态添加options操作
- JS对select动态添加options操作[IE&FireFox兼容]
- js动态添加select标签元素的下来选项
- 使用js对select动态添加和删除OPTION示例代码
- 利用js给datalist或select动态添加option选项的方法
- js对select动态添加和删除OPTION
- 用js动态添加select标签的option
- js动态添加table,select等
- js动态添加select菜单 联动菜单
- JS动态添加与删除select中的Option对象
- js对select动态添加和删除OPTION
- JS动态操作select下拉框
- js对select动态添加和删除OPTION
- 关于js遍历list集合,获取select选中的值以及动态添加option
- js中select动态添加option
- JS对select动态添加options操作[IE&FireFox兼容]