多个区域内有相同属性名称子元素，同一区域内 操作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>

 

转载于:https://www.cnblogs.com/asbefore/p/6429178.html