用js动态添加option,并指定其位置的问题......急求

另问,要动态移除一个option呢?

解决方案 »

  1.   

    select.options[i].value="你要得值";
    select.options[i].text="你要得值";
    i为位置
      

  2.   

    <script>
    function doit()
    {
    var optn = "-1003-";
    var optv = "1003";
    var inserto = new Option('-1003-', '1003');

    var sel = document.getElementById('drp1').options;

    for (var i=0; i<sel.length ; i++)
    {
    if (sel[i].value == '1001')
    {
    sel[i].insertAdjacentElement('afterEnd', inserto);
    }
    }
    //下面这步可以优化，可能是我本地浏览器的问题；insertAdjacentElement并未完全执行；
    for (var i=0; i<sel.length ; i++)
    {
    if (sel[i].value == '1003')
    { sel[i].text = '-1003-'; }
    }
    return true;
    }</script>
    </HEAD><BODY>
    <INPUT TYPE="button" NAME="" onclick="return doit();" value="Doit!">
    <select name="drp1" id="drp1" onchange="alert(this.value);">
    <option value="1001" >1001</option>
    <option value="1004" >1004</option>
    <option value="1005" >1005</option>
    <option value="1006" >1006</option>
    <option value="1009" >1006</option>
    <option value="1012" >1012</option>
    <option value="1013" >1013</option>
    </select>
    </BODY>
    </HTML>