改进版:在select中添加、修改、删除option元素
改进版:在select中添加、修改、删除option元素
发布时间:2016-12-30 来源:查字典编辑
摘要:今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的add()方法:复制代码代码如下:funct...

今天休完年假从家回来后,看到小林在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需刷新才能执行]

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类