Online Service 在线服务
New Articles 最新更新
Hot Articles 热点文章
Google 广告
首页 … 技术文档 Technical Articles
js添加,移除select 控件的option
(时间:2007-10-18 16:36:06 共有 人次浏览)
<html>
<head>
 <script>
 function addDefectOption(){
//找到 select   控件
 var opts = document.getElementById("group");
 alert(opts.childNodes.length);
 //找出不良代码节点的位置,在其之前插入不良代码
 var opt = opts.childNodes[5];
 var flag = false;
 for(var i=0;i<opts.length;i++){
  var vtValue = opts.options[i].text;
 //如果不良代码不存在,则 flag=true;
  if(vtValue=="4."){
   flag = true;
  }
 }
 if(flag==false){
  el = document.createElement("option");
  //设置 value 为12,显示内容为“不良代码”的 option
  el.value="12";
  el.appendChild(document.createTextNode("不良代码"));
  //插入新增的 option
  opts.insertBefore(el,opt);
 }
}
 function removeDefectOption(){
 var opts = document.getElementById("group");
 for(var i=0;i<opts.length;i++){
  var vtValue = opts.options[i].text;
 //如果不良代码存在,则移出不良代码的 option 项;
  if(vtValue=="2."){
   opts.remove(i);
   return;
  }
 }
}
 </script>
</head>
 <body/>
 <select name="group" id="group" >
  <option value="1">1.</option>
  <option value="2">2.</option>
  <option value="3">3.</option>
 </select>
 <input type="button" name="add" value="add" onClick="addDefectOption()"/>
 <input type="button" name="remove" value="remove" onClick="removeDefectOption()"/>
 </body>
</html>
打印 【打印该页】 【关闭窗口

此技术资料来自网络,仅供参考。未经许可,不得转载。
若有侵权,请及时与我们取得联系!
FAQS 常见问题
Consultation 即时咨询
Contact Us 联系我们