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

<select name="drp1" id="drp1">
<option value="1001" ></option>
<option value="1004" ></option>
<option value="1005" ></option>
<option value="1006" ></option>
<option value="1009" ></option>
<option value="1012" ></option>
<option value="1013" ></option>
</select><script>
function Add()
{
 
 o = document.createElement('option')
 o.innerHTML="1003"
 o.setAttribute("value","1003")
 document.getElementById("drp1").options[1].parentNode.insertBefore(o,document.getElementById("drp1").options[1])
 alert(document.getElementById("drp1").innerHTML)
}
Add()
</script>

解决方案 »

  1.   

    IE,FireFox支持<body>
    <select name="drp1" id="drp1">
    <option value="1001">1001</option>
    <option value="1004">1004</option>
    <option value="1005" ></option>
    <option value="1006" ></option>
    <option value="1009" ></option>
    <option value="1012" ></option>
    <option value="1013" ></option>
    </select><script>
    function Add()
    {
     
     o = document.createElement('option')
     o.innerHTML="1003"
     o.setAttribute("value","1003")
     document.getElementById("drp1").options[1].parentNode.insertBefore(o,document.getElementById("drp1").options[1])
     alert(document.getElementById("drp1").innerHTML)
    }
    Add()
    </script>
    </body>
      

  2.   

    <script language="JavaScript" type="text/javascript">
    <!--
    function addOption(value) {
    var obj = document.getElementById("drp1");
    var flag = false;
    var newOption = new Option(value, value);
    newOption.innerHTML = value;  //IE问题,没时间调试了,打个补丁吧:(
    for (var i = 0; i < obj.options.length; i++ ) {
    if ( obj.options[i].value > value ) {
    obj.insertBefore(newOption, obj.options[i]);
    flag = true;
    break;
    }
    }
    if ( ! flag ) {
    obj.appendChild(newOption);
    }
    }
    addOption(1013);
    //-->
    </script>