改进版:在select中添加、修改、删除option元素

时间:2021-05-18

今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的add()方法:
复制代码 代码如下:
functionwatch_ini(){//初始
for(vari=0;i<arguments.length;i++){
varword=document.createElement("OPTION");
word.text=arguments[i];
watch.keywords.add(word);//watch.isformname
}
}
functionwatch_add(f){//增加
varword=document.createElement("OPTION");
word.text=f.word.value;
f.keywords.add(word);
}

但上述add()方法只在IE下有效,为兼容FF和Opera,对上述代码进行了一下改进,改动后代码如下:
复制代码 代码如下:
functionwatch_ini(){//初始
for(vari=0;i<arguments.length;i++){
varoOption=newOption(arguments[i],arguments[i]);
document.getElementById("MySelect").options[i]=oOption;
}
}
functionwatch_add(f){//增加
varoOption=newOption(f.word.value,f.word.value);
f.keywords.options[f.keywords.length]=oOption;
}

整个实例的完整代码如下:
javascript select options text value

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章