动态添加option的困惑？

Question

<select   name="mysel"></select>
下拉列表b
<select   name="mytest">
    <option   value="1"> 1 </option>
    <option   value="2"> 2 </option>
    <option   value="3"> 3 </option>
</select>
<a  href="#" onclick="AddOption()"> 我要添加列表?? </a>
<script   language="javascript">
function   AddOption()
{
document.getElementsByName("mysel")[0].innerHTML=document.getElementsByName("mytest")[0].innerHTML
//alert(document.getElementsByName("mysel")[0].innerHTML)
}
</script> 

Answer 1

下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。HideExample<SCRIPT LANGUAGE="JScript">
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>MS官方脚本

Answer 2

<script type="text/jscript"> 
    function AddOption() 
    {
        debugger
        var oSelFrom=$("mytest");
        var oSelTo=$("mysel");
        for(var iCount=oSelFrom.options.length-1,i=iCount,thisOption=oSelFrom.options;i>=0;i--){
            var newOption=new Option(thisOption[iCount-i].text,thisOption[iCount-i].value);
            oSelTo.options.add(newOption);
        }
    }
    function $(o){
        return document.getElementById(o);
    }
    </script> 
<div>
        下拉列表a 
        <select name="mysel"></select>
        下拉列表b 
        <select name="mytest"> 
            <option value="1"> 1 </option>
            <option value="2"> 2 </option>
            <option value="3"> 3 </option>
        </select> 
        <a href="javascript:AddOption()"> 我要添加列表选项 </a> 
    </div>

Answer 3

如果要把下拉列表中添加的选项都删除怎么编写JavaScript脚本啊

Answer 4

铭轩 的在ff是能用但ie下有bug