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>

 

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

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

动态创建selectjs 操作select和option

1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); ...
  • a313976010
  • a313976010
  • 2011年08月31日 13:25
  • 33492

js动态向页面添加或删除控件

实现点击按钮向页面添加下拉框和文本框,做完备忘用的,大家选择性借鉴就好...
  • chenze666
  • chenze666
  • 2017年07月13日 18:26
  • 834

js ajax 更改select option 只留第一个不限选项

function fillSelect(json){ while(document.getElementById("parentId").options.length!=1)...
  • zjutke
  • zjutke
  • 2016年04月05日 13:51
  • 369

JavaScript向select下拉框中添加和删除元素

JavaScript向select下拉框中添加和删除元素 1、说明 a   利用append()方法向下拉框中添加元素 b   利用remove()方法移除下拉框中最后一个元素 2、设计源码 ...
  • you23hai45
  • you23hai45
  • 2014年07月06日 23:26
  • 3176

JS对select动态添加options操作

动态删除select中的所有options:         document.getElementById("ddlResourceType").options.length=0;     ...
  • u011972571
  • u011972571
  • 2014年12月26日 16:27
  • 2393

JS动态添加option和删除option

js自动创建和删除option 本文转载自http://www.jb51.net/article/35205.htm 仅供学习之用,留着随时查看动态创建...
  • qq_21703215
  • qq_21703215
  • 2017年02月28日 15:40
  • 2442

js移除option值的方法

在HTML中的select下拉列表中,我们有时想删除一些option的值,用了display=“none”,不起作用。那么用什么方法可以解决呢。   经过反复的探索及研究,如下是我实现的功能。删除...
  • lose_reason
  • lose_reason
  • 2011年12月28日 14:40
  • 1338

Javascript中清除Select的Option的问题

我们有时候需要清除Select控件中的Options集合下的值,我在网上找了一下,大部分采用的是obj = document.getElementById("drp"); ///drp是select控...
  • baron
  • baron
  • 2006年08月16日 10:43
  • 7996

JS两种增加SELECT 下的option方法

第一种方法: window.onload = function() { var opt = document.createElement('option'); opt.appendChi...
  • van416521
  • van416521
  • 2011年11月09日 08:21
  • 6611
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js添加,移除select 控件的option
举报原因:
原因补充:

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