zoukankan      html  css  js  c++  java
  • jQuery WeUI 地址选择器的使用

    界面:

           <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">所在地:</label></div>
                        <div class="weui-cell__bd">
                            <input id="start" class="weui-input" type="text" placeholder="请选择车辆所在地" onchange="setStart()">
                            <input name="SitePId" type="hidden" id="start_place_id" value="@Model.SiteCity">
                        </div>
                    </div>
    

    引用:

      <link href="~/Content/jqueryweui/weui.min.css" rel="stylesheet" />
        <link href="~/Content/jqueryweui/jquery-weui.min.css" rel="stylesheet" />
    
        <script type="text/javascript" src="~/Content/jqueryweui/jquery.min.js"></script>
        <script type="text/javascript" src="~/Content/jqueryweui/jquery-weui.min.js"></script>
        <script type="text/javascript" src="~/Content/jqueryweui/city-picker.js"></script>
    

    js部分:

    <script type="text/javascript">
        //初始化地址选择器
    	$("#start").cityPicker({
    	    title: "选择目的地",
    	    showDistrict: false
    	});
    
    	 $(function () {
    
    	     loadStart();
    	 })
    //用存储的地址code值去匹配当前地址
    	function loadStart() {
    	    if ($("#start_place_id").val() != "") {
    	        $("#start").attr("data-code", $("#start_place_id").val());
    	        var citydatacodes = $("#start_place_id").val();
    	             var str = citydatacodes.substring(2);
    	             $("#start").attr("data-codes", citydatacodes.replace(str, "0000") + "," + $("#start_place_id").val());
    	             //加载已认证的默认城市
    	             var cityvalue = [];
    	             var codes = $("#start").attr("data-code");   //如130100
    	             var str = codes.replace(codes.substring(2), "0000"); //如130000
    	             var raw = $.rawCitiesData;
    	             for (var i = 0; i < raw.length; i++) {
    	                 if (str == raw[i].code) {
    	                     cityvalue.push(raw[i].name);
    	                     console.log(raw[i].name);
    	                     for (var j = 0; j < raw[i].sub.length; j++) {
    	                         if (raw[i].sub[j].code === codes) {
    	                             console.log(raw[i].sub[j].name);
    	                             cityvalue.push(raw[i].sub[j].name);
    	                             console.log(cityvalue);
    	                             $("#start").val(cityvalue);
    	                             return;
    	                             // sub(raw[i].sub[j].name);
    	                         }
    	                     }
    	                 }
    	             }
    	         }
    	     }
    
    
    //获取code值
    function setStart() {
    	 var codes = $("#start").attr("data-code");
    	  $("#start_place_id").val(codes);
     }
    </script>
    

      

  • 相关阅读:
    POJ 1966 Cable TV Network
    POJ 3204 Ikki's Story I
    Codeforces Round #388 (Div. 2)
    BZOJ 后缀自动机四·重复旋律7
    扩展欧几里得 exGCD
    网络流模板 NetworkFlow
    BZOJ 2002: [Hnoi2010]Bounce 弹飞绵羊
    BZOJ 3224: Tyvj 1728 普通平衡树
    BZOJ 1070: [SCOI2007]修车
    BZOJ 4552: [Tjoi2016&Heoi2016]排序
  • 原文地址:https://www.cnblogs.com/lemonmoney/p/7644212.html
Copyright © 2011-2022 走看看