html选单(<select>)中的选项可以在js中动态添加吗？

selectObj.options[selectObj.length] = new Option('text','value');

解决方案 »

  1.   

    <select id='sel'>
    </select><script>
    sel.options[0] = new Option('1','1');
    sel.options[0] = new Option('2','2');
    </script>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
     <SCRIPT>
       function createOpt(val,text)
       {
      var opt = document.createElment("option");
    opt.value=val;
    opt.innerText=text;
      var sel = document.getELementById("sel");
       //sel.appendChild(opt);
       sel.options.add(opt);
     }
     createOpt("g","ggggg");
     </SCRIPT>
     </HEAD> <BODY>
     <select name="sel"> 
    <option value="a">aaa</option> 
    <option value="b">bbb</option> 
    <option value="c">ccc</option> 
    </select>
     </BODY>
    </HTML>
      

  3.   

    var sel = document.getElementById("sel");
        var opt = document.createElement("option")
        opt.appendChild(document.createTextNode('bb'))
        opt.setAttribute('bb')
        sel.appendChild(opt)随便写了点，自己看看吧
      

  4.   

    <select id="t">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    <script type="text/javascript">
    //<![CDATA[
    var o=document.getElementById('t');
    t.options.length=0;
    //]]>
    </script>
      

  5.   

    添加：selectObj.options[selectObj.length] = new Option('text','value');
    删除选中：selectObj.removeChild(selectObj.options[selectObj.selectedIndex])
    删除所有：selectObj.length = 0;