js添加,移除select 控件的option

原创 2007年09月20日 00:16:00

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

 

相关文章推荐

jQuery对select遍历option(添加、移除)

jquery 获取select值的情况有两种:一种是获得 select 的被选中的那个 option 的 value值,一种是获得 select 的被选中的那个 option 的 innerHTML(...

通过ajax动态加载select控件【下拉框】的option

关键代码: var objSelect = document.getElementById("ddlResourceType"); 1、动态删除select中的所有option: objSele...

jquery动态获取select控件的option

jquery动态获取select控件的option关键代码:

JS select option 元素的大批量添加

欢迎技术交流。 QQ:138986722 最近项目需要这么一个很蛋疼的需求。 我都想知道、干嘛要添加这么数据到select里面去呢、疯了吗(测试数据1W多条)? 结果是老总说必须加、功能没实...
  • hzw2312
  • hzw2312
  • 2012年08月24日 17:13
  • 8339

JS & JQuery 动态添加 select option

因为是转载文章 在此标明出处,以前有文章是转的没标明的请谅解,因为有些已经无法找到出处,或者与其它原因。 如有冒犯请联系本人,或删除,或标明出处。 因为好的文章,以前只想收藏,但连接有时候...

javascript--使用js对select动态添加和删除OPTION

动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;    ...

使用js对select动态添加和删除OPTION

change="getvalue(this)">     动态删除select中的所有options:        document.getElementById("ddlResou...

select通过js删除指定的option选项

  • 2017年05月06日 18:52
  • 730B
  • 下载

运用js实现select动态添加option和select联动

//1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); myS...

js 从一个select选择数据添加到另一个select(包括移除)

js 从一个select选择数据添加到另一个select(包括移除)
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js添加,移除select 控件的option
举报原因:
原因补充:

(最多只允许输入30个字)