<td> 省份</td> <td> <select id="Select1" name="D1" οnchange="Selectcity();" style="width: 110px" > <option >请选择省</option> </select> </td> </tr> <tr> <td style="width: 65px"> 城市</td> <td style="width: 43px"> <select id="Select2" name="D2" style="width: 110px" οnchange="SelectCounty()"> <option>请选择市</option> </select> </td> <td>县/区</td> <td > <select id="Select3" name="D4" style="width: 110px" οnchange="SelectDistrict()" > <option>请选择县/区</option> </select> </td> <input type="hidden" runat="server" value ="-1" id="Hidden1" style="disabled:disabled;" /> <input type="hidden" runat="server" value ="-1" id="Hidden2" style="disabled:disabled;" /> <input type="hidden" runat="server" value ="-1" id="zxd2" style="disabled:disabled;" /> //提交时保留选中的select值 function SetValue() { var index = document.getElementById('<%=zxd.ClientID %>').value; if(index!="-1"){ document.getElementById("Select1").selectedIndex = index; } Selectcity(); } function SetValue1() { var index = document.getElementById('<%=zxd1.ClientID %>').value; if(index!="-1"){ document.getElementById("Select2").selectedIndex = index; } SelectCounty(); } function SetValue2() { var index = document.getElementById('<%=zxd2.ClientID %>').value; if(index!="-1"){ document.getElementById("Select3").selectedIndex = index; } } function SelectDistrict() { var select = document.getElementById("Select3"); document.getElementById('<%=zxd2.ClientID %>').value = select.selectedIndex; } 注:Selectcity();SelectCounty();分别为填充select的方法。