如何取得一个列表的所有的可选的值？如何在JS中对它进行修改（增加、减少）？


增加:new Option(text,value)
减少:document.all.selectID.remove(index)

解决方案 »

  1.   

    补充上面
      增加 
    var a=new option(text,value)
    document.all.selectID.options.add(a)
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <select name=sl id=sl>
    <option value=1>a
    <option value=2>b
    <option value=3>c
    <option value=4>d
    </select><script>
    var s=document.getElementById("sl");
    alert('aa'+s);
    for(var i=0;i<s.length;i++){
      alert("look text!==="+s.options[i].text);
      alert("look value!==="+s.options[i].value);
    }
    </script>
    </BODY>
    </HTML>
      

  3.   

    <html>
    <head>
    <title></title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script language="javascript">
    function  addSelect(){
    var objSelect=document.myForm.mySelect;
    var strName=document.myForm.myOptionName.value;
    var strValue=document.myForm.myOptionValue.value;
    var objOption =new Option(strName,strValue);
    objSelect.add(objOption,document.myForm.mySelect.options.length);
    }
    function delSelect(){
    document.myForm.mySelect.options[document.myForm.mySelect.selectedIndex]=null;
    }function allS(){
    var objSelect=document.myForm.mySelect;
    for(var i=0;i<objSelect.options.length;i++){
    show.innerText+=objSelect.options[i].value;
    }}</script>
    </head>
    <body>
    <form name="myForm">
    <select name="mySelect" size=1>
    <option value=100>砖瓦</option>
    <option value=10>三</option>
    <option value=1>sf </option>
    </select>
    <input type="text" name="myOptionName">
    <input type="text" name="myOptionValue" >
    <input type="button" onclick="addSelect()" value="添加">
    <input type="button" onclick="delSelect()"  value="删除"><input type="button" onclick="allS()"  value="全选" >
    <input type="button" onclick="alert(myForm.mySelect.options[myForm.mySelect.selectedIndex].value)"  value="测试值" >
    </form><div id="show"></div>
    </body>
    </html>