管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

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

　　

复制代码 代码如下:

　　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;

　　}

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

　　

　　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

教程首页 更多教程