• 多个区域内有相同属性名称子元素,同一区域内 操作DOM子集 使用$("选择器",context)方法


     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>
  • 相关阅读:
    JavaScript的正则表达式的基础
    运用JS判断代码可以参考学习
    调用百度地图代码
    运用了css,js
    中国地图(Highmaps)
    Centos
    代理模式【 动态代理与静态代理】
    java集合 collection-list-LinkedList 模拟一个堆栈或者队列数据结构。
    java集合 collection-list-LinkedList
    java集合 collection-list-vector
  • 原文地址:https://www.cnblogs.com/asbefore/p/6429178.html
Copyright © 2020-2023  润新知