国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

改進版:在select中添加、修改、刪除option元素

2019-11-21 02:29:36
字體:
供稿:網(wǎng)友
今天休完年假從家回來后,看到小林在QQ發(fā)的“監(jiān)控管理示范代碼”,核心原理用的是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;
}

整個實例的完整代碼如下: