手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >改进版:在select中添加、修改、删除option元素
改进版:在select中添加、修改、删除option元素
摘要:今天休完年假从家回来后,看到小林在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需刷新才能执行]

【改进版:在select中添加、修改、删除option元素】相关文章:

JS实现定时自动关闭DIV层提示框的方法

JavaScript中for循环的使用详解

javascript中innerText和innerHTML属性用法实例分析

jquery中添加属性和删除属性

Javascript 高阶函数使用介绍

javascript实现图片跟随鼠标移动效果的方法

JavaScript AOP编程实例

动态加载iframe

JavaScript生成福利彩票双色球号码

JavaScript中反正弦函数Math.asin()的使用简介

精品推荐
分类导航