改进版:在select中添加、修改、删除option元素
2006-10-24 00:00
519 查看
今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的 add() 方法:
但上述 add() 方法只在IE下有效,为兼容FF和Opera,对上述代码进行了一下改进,改动后代码如下:
整个实例的完整代码如下:
javascript select options text value
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
function watch_ini(){ // 初始 for(var i=0; i<arguments.length; i++){ var word = document.createElement("OPTION"); word.text = arguments[i]; watch.keywords.add(word); // watch. is form name } } function watch_add(f){ // 增加 var word = document.createElement("OPTION"); word.text = f.word.value; f.keywords.add(word); }
但上述 add() 方法只在IE下有效,为兼容FF和Opera,对上述代码进行了一下改进,改动后代码如下:
function watch_ini(){ // 初始 for(var i=0; i<arguments.length; i++){ var oOption=new Option(arguments[i],arguments[i]); document.getElementById("MySelect").options[i]=oOption; } } function watch_add(f){ // 增加 var oOption=new Option(f.word.value,f.word.value); f.keywords.options[f.keywords.length]=oOption; }
整个实例的完整代码如下:
javascript select options text value
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 改进版:在select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- JQuery动态添加Select的Option元素
- 在shuiguo.xml文件中第三个水果中的苹果节点中添加节点<小苹果>small apple</小苹果>,添加小苹果后将其文本内容修改为“小苹果”,修改该节点后将其父节点苹果(即第三个苹果元素)删除
- python学习——修改、添加和删除元素
- 动态添加SELECT标签中的元素,数据项与option数据源不一致
- Select下拉列表框(添加、删除option)
- JS select option 元素的大批量添加
- JQuery给元素添加/删除节点比如select
- javascript;select动态添加和删除option
- js 两个 multiple select 添加 删除 option
- Python 修改添加删除元素
- JQuery给元素添加/删除节点比如select
- JQuery动态添加Select的Option元素实现方法
- 为Html的select option元素添加图案