关闭

js添加,移除select 控件的option

2116人阅读 评论(0) 收藏 举报

<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>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:64135次
    • 积分:1047
    • 等级:
    • 排名:千里之外
    • 原创:37篇
    • 转载:18篇
    • 译文:0篇
    • 评论:5条
    最新评论