jQuery WeUI 地址选择器的使用

摘要:
界面:所在地:˂inputname="SitePId

界面:

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

引用:

  <link href="http://t.zoukankan.com/~/Content/jqueryweui/weui.min.css" rel="stylesheet" />
    <link href="http://t.zoukankan.com/~/Content/jqueryweui/jquery-weui.min.css" rel="stylesheet" />

    <script type="text/javascript" src="http://t.zoukankan.com/~/Content/jqueryweui/jquery.min.js"></script>
    <script type="text/javascript" src="http://t.zoukankan.com/~/Content/jqueryweui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="http://t.zoukankan.com/~/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>

免责声明:文章转载自《jQuery WeUI 地址选择器的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇PAT 1048. Find Coinsopenssh升级到8.4下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Jquery取值方法汇总

一、下拉框 1、jquery获取当前选中select的text值 var a = $("#ShareMoneyType").find("option:selected").text(); 2、jquery获取下拉框选中的Value值 var v = $("#ShareMoneyType").val(); 3、jquery获取当前选中select的索引值...

跨域(三)——JSONP

一、什么是JSONP? 百度百科:JSONP(JSON with Padding)是JSON的 一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利...

jquery插件jqModal 模态窗口

http://dev.iceburg.net/jquery/jqModal/#examples jqModal Minimalist Modaling with jQuery   What? jqModal is a plugin for jQuery to help you display notices, dialogs, and modal win...

Linux中计划任务执行脚本crontab-简洁版

我使用的是ubuntu16,所以在ubuntu中一切正常,在其他linux系统中应该都差不多。   1 计划任务,crontab命令选项:     -u指定一个用户,     -l列出某个用户的任务计划,     -r删除某个用户的任务,     -e编辑某个用户的任务   2 cron文件语法:     分     小时   日       月    ...

jquery/js记录点击事件,单击次数加一,双击清零

目的:点击按钮,点击后在网页上显示点击次数,双击清零 实现:js或者jquery 代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML> <html&g...

jQuery动态设置下拉框selected

1、jQuery动态根据内容设置下拉框selected 需求就是根据下拉框的值动态的设置为selected,本以为很简单,网上一大推的方法,挨着尝试了之后却发现没有一个是有用的。网上的做法如下: <select id="selectID "> <option>选择A</option> <option...