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

2016-02-19 12:05 14 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的改进版:在select中添加、修改、删除option元素,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的 add() 方法:
代码如下:

function watch_ini(){ // 初始
 for(var i=0; iarguments.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; iarguments.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;
}

整个实例的完整代码如下:

来源:http://www.tulaoshi.com/n/20160219/1599737.html

延伸阅读
标签: word
在Word2010中怎样添加或删除文字效果? 为文字添加效果 1、选择要为其添加效果的文字。 2、在开始选项卡上的字体组中,单击文字效果。 3、单击所需效果。 若需其他选项,请指向边框、阴影、映像或发光,然后单击要添加的效果。 删除文字的效果 1、选择要删除其效果的文字。 2、在开始选项卡上的字...
标签: ASP
  function writeSlt(arrstr,arrstrValue,selectedstr) 'arrstr 要显示在option里面的值,arrstrValue option的实际值,selectedstr要选中的默认值 '将一个字串分割为数组,输出select的option,并选中selectedstr arrstr&arrstrValue长度要一致 arr=split(arrstr,",") arrValue=split(arrstrValue,",") j=0 do while j<=ubound(a...
标签: word
在Word2013自定义词典中添加和删除单词   第1步,打开Word2013文档窗口,依次单击文件→选项命令,如图1所示。 图1 单击选项命令 第2步,在打开的Word选项对话框中切换到校对选项卡,并单击自定义词典按钮,如图2所示。 图2 单击自定义词典按钮 第3步,打开自定义词典对话框,在词典列表中选中Word2013...
  在Linux中要添加和删除程序是一件相当麻烦的事情,软件的安装可以用千奇百怪来形容,除了最简单的双击rpm包来安装软件外,还有通过make、configure命令来安装的,也有通过将软件直接copy到指定目录来安装的。除了rpm包的安装方法最简单外,其余的方法都很难被用户掌握,不过今天我们将给大家介绍通过第三方软件来帮助我们安装和删...

经验教程

699

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部