JS对select动态添加options操作[IE&FireFox兼容]
2013-11-21 12:40
796 查看
转载自:/article/5871231.html
<select id="ddlResourceType" onchange="getvalue(this)"></select>
动态删除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);//获取文本
}
相关文章推荐
- JavaScript中location对象的属性总结
- 使用eval()解析JSON格式字符串应注意的问题
- JavaScript中 “ Uncaught SyntaxError: Unexpected identifier ” 提示
- js数组定义笔记
- javascript 数组排序函数sort和reverse使用介绍
- org.json 解析
- JSON和XML的比较
- JS让弹出的窗口始终在最上面
- JavaScript break跳出多重循环
- js表单验证大全
- java web 自定义错误页面 完整jsp错误页面代码(同时写错误日志) error.jsp
- django如何在js中调用csrf_token变量
- JavaScript数组
- js的与或运算符的妙用
- js判断当前的访问是手机还是电脑
- 简单的DOM操作
- js基础 及BOM
- js获取对象为null
- dom与javascript
- Jackson解析JSON例子