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

2016-02-19 12:05 9 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;
}

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

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

延伸阅读
标签: 花椒 川菜
香辣叉烧鸡丁 1.鸡肉洗净、切丁,放入一大勺叉烧酱和少许蜂蜜,充分抓匀后,放入冰箱冷藏室腌制过夜 2.取出腌制好的鸡丁,翻拌一下,在室温下稍稍放几分钟 3.等待的时间里,将尖椒洗净、切小段 4.盛放鸡丁的容器蒙一层保鲜膜,留气孔,放入微波炉,高火加热4分钟 5.再放入1大勺叉烧酱,翻拌均匀,继续高火加热3分钟 6.最后放入尖椒,...
标签: Web开发
问题描述       对于select控件 1 2 3,我们可以通过它的options.add(new Option(v,t))的方法动态的插入一个option选项,但是新增的option的位置只能在最后,却不能插入到指定的任意位置。 解决方法       既然select的options属性提供的方法无法实现上面的需求,那么只好找办法了。我们...
标签: Web开发
介绍的是基于JQuery实现的一个选项卡效果,重点体现在HTML里没有内联事件处理程序,而是定义在js文件里,做到行为与结构的分离。在实际应用过程中,只 要保证选项卡模块结构代码的完整性,就可以任意添加N个同类选项卡,不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。 在这里,我又做了部分的修改,增加了选项卡可自动...
标签: 菜系
香辣鸡丁改进版,加了洋葱 1. 油+花椒慢火炒鸡丁,直到半熟 2. 放入葱姜和红辣椒,慢炒 3. 放入豆瓣酱,炒---------------加洋葱 4. 放入蒜和少许酱油,炒 5. 少许料酒和芝麻 6. 大火收汁出锅 香辣碎米鸡丁 1.鸡胸肉切丁 2.加入料酒、盐腌制片刻,再用鸡蛋清和水淀粉拌匀备用 3.料酒、糖、少许味精、水淀粉、香醋、生抽调成调...
标签: Delphi
  Form中的Select控件不支持对选择项(Option)的排序,下面我将对Option中value属性值进行排序,并调整每个Option排序后的位置,具体代码如下(这里假设每个Option中的value与其中的text内容相同):   该函数运用了Array(数组)对象的排序(sort)方法,实现了Select排序。 function sortMe(oSel){ var ln = oSel.options.le...

经验教程

195

收藏

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