二级联动下拉框,选择1级下拉框、吧值赋值给文本框,选择2级下拉框、吧1级下拉框+2级下拉框、赋值给文本框!
<input   type= "hidden "     name= "hidden1 "   id= "hidden1 "> 
<select   name= "code1 "   onchange= " "> 
<option   value= "001 "> 目录1 </option> 
<option   value= "002 "> 目录2 </option> 
<option   value= "003 "> 目录3 </option> 
</select> 
<select   name= "code2 "   onchange= " "> 
<option   value= "001 "> 目录1 </option> 
<option   value= "002 "> 目录2 </option> 
<option   value= "003 "> 目录3 </option> 
</select> 

解决方案 »

  1.   

    <html>
    <head>
    <script type="text/javascript">
    function selOne() {
    var sel1 = document.getElementById("code1").value;
    var txt = document.getElementById("txt");
    txt.value = sel1;
    }
    function selTwo() {
    var sel1 = document.getElementById("code1").value;
    var sel2 = document.getElementById("code2").value;
    var txt = document.getElementById("txt");
    txt.value = sel1 + " " + sel2;
    }
    </script>
    </head>
    <body>
    <input type="hidden" name="hidden1" id= "hidden1">  
    <select name="code1" id="code1" onchange="selOne()">  
    <option value="001"> 目录1 </option>  
    <option value="002"> 目录2 </option>  
    <option value="003"> 目录3 </option>  
    </select>  

    <select name="code2" id="code2" onchange="selTwo()">  
    <option value="001"> 目录1 </option>  
    <option value="002"> 目录2 </option>  
    <option value="003"> 目录3 </option>  
    </select>  
    <input type="text" id="txt" />
    </body>
    </html>