日期:2014-05-18  浏览次数:20401 次

用代码复制页面中一个控件里面的数据!
<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>下拉框中呢?

------解决方案--------------------
HTML code
<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>