怎样增加和删除<select>中的option项？

<title>[世纪鸟特效手册.NET[加强版]</title>
</head>
<table border="0" width="100%" cellspacing="4" cellpadding="3" height="16">
  <tr>
    <td width="28%" style="border: 1 solid #000000" height="6" bgcolor="#F2F2F2"><font size="2" color="#000000">[世纪鸟特效手册.NET[加强版]</font></td>
    <td width="43%" style="border: 1 solid #000000" height="6" bgcolor="#F2F2F2"><font size="2">特效是软件自己生成，如有出错，请给作者<a href="mailto:[email protected]">写信</a></font></td>
    <td width="29%" style="border: 1 solid #000000" height="6" bgcolor="#F2F2F2"><font size="2">祝贺:[世纪鸟应用技术中心]成立</font></td>
  </tr>
</table>
<hr size="1" color="#000000">
<br><br><form name="doublecombo"><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>应用技术开发网站</option>
<option>国内JavaScript技术网站</option>
<option>国外的著名搜索引擎</option>
</select>
<select name="stage2" size="1">  
<option value="http://www.80cn.com">世纪鸟作坊</option> 
</select> 
<input type="button" name="test" value="Go!"  
onClick="go()">  
</p>  
<script>  
<!--  
var groups=document.doublecombo.example.options.length  
  var group=new Array(groups)  
  for (i=0; i<groups; i++)  
  group[i]=new Array()  
group[0][0]=new Option("世纪鸟作坊","http://www.80cn.com")  
   
   
group[1][0]=new Option("万旭JavaScript仓库","http://www.wanxu.com")  
  group[1][1]=new Option("JavaScript2000","http://www.javascript2000.com")  
  group[1][2]=new Option("无忧脚本","http://www.51js.com")  
   
group[2][0]=new Option("Hotbot","http://www.hotbot.com")  
  group[2][1]=new Option("Infoseek","http://www.infoseek.com")  
  group[2][2]=new Option("Excite","http://www.excite.com")  
  group[2][3]=new Option("Lycos","http://www.lycos.com")  
var temp=document.doublecombo.stage2  
function redirect(x){  
  for (m=temp.options.length-1;m>0;m--)  
  temp.options[m]=null  
  for (i=0;i<group[x].length;i++){  
  temp.options[i]=new Option(group[x][i].text,group[x][i].value)  
  }  
  temp.options[0].selected=true  
  }  
function go(){  
  location=temp.options[temp.selectedIndex].value  
  }  
  //-->  
  </script>  
  </form>
</br></br>自己研究研究,很简单的

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    function change()
    {
    var selValue=select1.value; //如果select包含在form中，要写成  formName.select1.value; 以下同理
    if(selValue==1&&select2.length==4){
    select2.options.remove(2); 
    select2.options.remove(2);
    }else if(selValue==2&&select2.length==2){
    select2.options.add(new Option(3,3));
    select2.options.add(new Option(4,4));
    }
    }</SCRIPT>
    </HEAD>
    <BODY>
    <SELECT name=select1 onChange = "change()"> 
    <OPTION value = 1>1</OPTION>
    <OPTION value = 2>2</OPTION>
    </SELECT><SELECT name=select2 style="HEIGHT: 22px; WIDTH: 247px"> 
    <OPTION value = 1>1</OPTION>
    <OPTION value = 2>2</OPTION>
    <OPTION value = 3>3</OPTION>
    <OPTION value = 3>3</OPTION>
    </SELECT>
    </BODY>
    </HTML>
      

  2.   

    到msdn的Dhtml版看看.options（一个collection）的用法
      

  3.   

    http://msdn.microsoft.com/workshop/author/dhtml/reference/collections/options.asp
      

  4.   

    http://expert.csdn.net/Expert/topic/1685/1685321.xml?temp=.4228479
    帮帮忙！
      

  5.   

    http://expert.csdn.net/Expert/topic/1685/1685321.xml?temp=.4549219
    帮帮忙！