二级联动下拉框,选择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>
<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>
<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>