1 <div> 2 <select class="select_province" style="100px" dict="PUB_PROVINCE" name="province" title="省"></select> 3 <select class="select_city" style="150px" dict="PUB_CITY" name="city" title="市"></select> 4 <select class="select_county" style="100px" dict="PUB_COUNTY" name="county" title="县"></select> 5 </div> 6 7 <p > 8 <select class="select_province" style="100px" dict="PUB_PROVINCE" name="province" title="省"></select> 9 <select class="select_city" style="100px" " dict="PUB_CITY" name="city" title="市"></select> 10 <select class="select_county" style="100px" dict="PUB_COUNTY" name="county" title="县"></select> 11 </p> 12 13 14 <div> 15 <select class="select_province" style="100px" dict="PUB_PROVINCE" name="province" title="省"></select> 16 <select class="select_city" style="100px" dict="PUB_CITY" name="city" title="市"></select> 17 <select class="select_county" style="100px" dict="PUB_COUNTY" name="county" title="县"></select> 18 </div>
<script>
$(".select_province").change(function() {
var parent = $(this).parent(); //找到父元素
$(".select_city, .select_county", parent).empty(); //使用$("选择器",context)方法,找到相同区域内的子集 ,
if ($(this).val() == "") {
option.appendTo($(".select_city, .select_county", parent));
$(".select_city, .select_county", parent).val("");
getChoose();
return false;
}
$.each(data.city[$(this).val()], function(key, val) {
$("<option>").val(val.key).text(val.value).appendTo($(".select_city", parent));
});
});
</script>