作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:59:05 阅读 我要评论

今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的 add() 方法:复制代码 代码如下: 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需刷新才能执行]

  推荐阅读

  Hutia 的 JS 代码集

main.basic.js复制代码 代码如下:/************************************************** * The Basic Lib for HUTIA frame work * Author: Hutia * E-Mail: Hutia2@gmail.com * Create: 2006-08-21 * >>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/31411.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)