[IE&FireFox兼容]JS对select操作
程序员文章站
2023-10-29 13:36:22
今天在ajax中使用两个下拉框动态添加select中的options,当我在ie测试下正常使用却在firefox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他...
今天在ajax中使用两个下拉框动态添加select中的options,当我在ie测试下正常使用却在firefox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他们在动态添加option时有点不同。
下面把他记下来,说不定以后还可以用用:
动态删除select中的所有options:
function deletealloptions(sel){
sel.options.length=0;
}
动态删除select中的某一项option:
function deleteoption(sel,indx){
sel.options.remove(indx);
}
动态添加select中的项option:
function addoption(sel,text,value){
sel.options.add(new option(text,value));
}
上面在ie和firefox都能测试成功,希望以后你可以用上。
其实用标准的dom操作也可以,就是document.createelement,appendchild,removechild之类的。:)
下面把他记下来,说不定以后还可以用用:
动态删除select中的所有options:
function deletealloptions(sel){
sel.options.length=0;
}
动态删除select中的某一项option:
function deleteoption(sel,indx){
sel.options.remove(indx);
}
动态添加select中的项option:
function addoption(sel,text,value){
sel.options.add(new option(text,value));
}
上面在ie和firefox都能测试成功,希望以后你可以用上。
其实用标准的dom操作也可以,就是document.createelement,appendchild,removechild之类的。:)
推荐阅读
-
JS实现select选中option触发事件操作示例
-
[IE&FireFox兼容]JS对select操作
-
浅析jQuery对select操作小结(遍历option,操作option)
-
Vue.js中对css的操作(修改)具体方式详解
-
Node.js对MongoDB进行增删改查操作
-
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
-
js循环出相同name,不同id的按钮,对其进行点击回复操作
-
js操作select
-
JAVASCRIPT对下拉列表框(SELECT)的操作
-
原生js---ajax的封装插件.js---(对get和post做了兼容)