改进版:在select中添加、修改、删除option元素
2018-10-12 14:09
716 查看
今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的 add() 方法:
但上述 add() 方法只在IE下有效,为兼容FF和Opera,对上述代码进行了一下改进,改动后代码如下:
整个实例的完整代码如下:
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
您可能感兴趣的文章:
- javascript Select标记中options操作方法集合
- jquery操作select option 的代码小结
- 浅析jQuery对select操作小结(遍历option,操作option)
- 删除select中所有option选项jquery代码
- JQuery中对Select的option项的添加、删除、取值
- 如何获取select下拉框的值(option没有及有value属性)
- js select option对象小结
- JS动态添加与删除select中的Option对象(示例代码)
- JS动态添加与删除select中的Option对象(示例代码)
- JS获取select-option-text_value的方法
- js获取select默认选中的Option并不是当前选中值
- js添加select下默认的option的value和text的方法
- 浅谈下拉菜单中的Option对象
相关文章推荐
- 改进版:在select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- JavaScript DOM元素常见操作详解【添加、删除、修改等】
- JS动态添加与删除select中的Option对象(示例代码)
- IE下 JS添加Select元素的option问题
- javascript--使用js对select动态添加和删除OPTION
- javascript添加、删除、修改等元素
- select元素添加option的add()方法 | try{}catch{}
- javascript;select动态添加和删除option
- python元素的添加、修改与删除
- 【转】js对select动态添加和删除OPTION
- select 下的option删除,复制,修改
- js对select动态添加和删除OPTION
- js对select动态添加和删除OPTION
- js对select动态添加和删除OPTION