手机
当前位置:查字典教程网 >编程开发 >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元素】相关文章:

一段实时更新的时间代码

JavaScript中的bold()方法使用详解

详解JavaScript中的表单验证

动态加载iframe

JS创建对象几种不同方法详解

新页面打开实际尺寸的图片

JavaScript模版引擎的基本实现方法浅析

判断file框选择的是否为图片

jquery中添加属性和删除属性

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

精品推荐
分类导航