zoukankan      html  css  js  c++  java
  • 多个区域内有相同属性名称子元素,同一区域内 操作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>
  • 相关阅读:
    【转】kafka&zookeeper集群搭建指南
    spark-streaming问题集锦
    Rokid开发者社区skill之【历史上的今天】
    jQuery+Ajax获取百度百科历史上的今天
    python+xpath+requests爬取维基百科历史上的今天
    jQuery请求维基百科[历史上的今天]
    Redis和Memcached比较
    [转]RosBridge小结
    [转]使用rosbridge协议实现安卓跟ros的解耦
    跨域访问之jsonp
  • 原文地址:https://www.cnblogs.com/asbefore/p/6429178.html
Copyright © 2011-2022 走看看