多个区域内有相同属性名称子元素，同一区域内 操作DOM子集 使用$("选择器",context)方法
1 <div> 2 <select class="select_province" style="width:100px" dict="PUB_PROVINCE" name="province" title="省"></select> 3 <select class="select_city" style="width:150px" dict="PUB_CITY" name="city" title="市"></select> 4 <select class="select_county" style="width:100px" dict="PUB_COUNTY" name="county" title="县"></select> 5 </div> 6 7 <p > 8 <select class="select_province" style="width:100px" dict="PUB_PROVINCE" name="province" title="省"></select> 9 <select class="select_city" style="width:100px" " dict="PUB_CITY" name="city" title="市"></select> 10 <select class="select_county" style="width:100px" dict="PUB_COUNTY" name="county" title="县"></select> 11 </p> 12 13 14 <div> 15 <select class="select_province" style="width:100px" dict="PUB_PROVINCE" name="province" title="省"></select> 16 <select class="select_city" style="width:100px" dict="PUB_CITY" name="city" title="市"></select> 17 <select class="select_county" style="width: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>
