用代码复制页面中一个控件里面的数据!

   <select name="proddllist1" id="proddllist1" onchange="getproductprice('proddllist1','proprice1')">
<option value="请选择商品">请选择商品</option>
<option value="纸巾">纸巾(———拥有的种类如下———)</option>
<option value="清萱318张压花方巾纸">清萱318张压花方巾纸(1*8*5)</option>
<option value="清萱120抽盒装面巾纸">清萱120抽盒装面巾纸(1*16*3)</option>
<option value="C1410+1610心相印手帕纸“几米”">C1410+1610心相印手帕纸option>
<option value="400张紫金花纯木浆压花面巾纸">400张紫金花纯木(1*30)</option>
<option value="牙刷">牙刷(———拥有的种类如下———)</option>
    </select>
如何用javascript脚本语言之类的把里面的所有<option></option>节点数据全部复制到另外个<select></select>下拉框中呢?

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>child </title> 
    <script language="javascript" type="text/javascript"> 
    function Button1_onclick() 
    {
    document.getElementById("proddllist2").options.length = 0;
    for(i = 0; i < document.getElementById("proddllist1").options.length; i++)
    {
    document.getElementById("proddllist2").options[i] = new Option(document.getElementById("proddllist1").options[i].value, i);
    }
    }
    </script> 
    </head> 
    <body> 
        <form id="form1" runat="server"> 
        <div> 
            <select name="proddllist1" id="proddllist1" onchange="getproductprice('proddllist1','proprice1')"> 
                <option value="请选择商品">请选择商品 </option> 
                <option value="纸巾">纸巾(———拥有的种类如下———) </option> 
                <option value="清萱318张压花方巾纸">清萱318张压花方巾纸(1*8*5) </option> 
                <option value="清萱120抽盒装面巾纸">清萱120抽盒装面巾纸(1*16*3) </option> 
                <option value="C1410+1610心相印手帕纸“几米”">C1410+1610心相印手帕纸</option> 
                <option value="400张紫金花纯木浆压花面巾纸">400张紫金花纯木(1*30) </option> 
                <option value="牙刷">牙刷(———拥有的种类如下———) </option> 
            </select>  
            <select name="proddllist2" id="proddllist2"> 
            </select> 
            <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
        </div> 
        </form> 
    </body> 
    </html>
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>child </title> 
    <script language="javascript" type="text/javascript"> 
    function Button1_onclick() 
    {
    document.getElementById("proddllist2").options.length = 0;
    for(i = 0; i < document.getElementById("proddllist1").options.length; i++)
    {
    document.getElementById("proddllist2").options[i] = new Option(document.getElementById("proddllist1").options[i].text, document.getElementById("proddllist1").options[i].value, i);
    }
    }
    </script> 
    </head> 
    <body> 
        <form id="form1" runat="server"> 
        <div> 
            <select name="proddllist1" id="proddllist1" onchange="getproductprice('proddllist1','proprice1')"> 
                <option value="请选择商品">请选择商品 </option> 
                <option value="纸巾">纸巾(———拥有的种类如下———)</option> 
                <option value="清萱318张压花方巾纸">清萱318张压花方巾纸(1*8*5) </option> 
                <option value="清萱120抽盒装面巾纸">清萱120抽盒装面巾纸(1*16*3) </option> 
                <option value="C1410+1610心相印手帕纸“几米”">C1410+1610心相印手帕纸</option> 
                <option value="400张紫金花纯木浆压花面巾纸">400张紫金花纯木(1*30) </option> 
                <option value="牙刷">牙刷(———拥有的种类如下———) </option> 
            </select>  
            <select name="proddllist2" id="proddllist2"> 
            </select> 
            <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
        </div> 
        </form> 
    </body> 
    </html>