You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.8 KiB
90 lines
2.8 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>CitySelect</title> |
|
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/> |
|
<meta content="yes" name="apple-mobile-web-app-capable"/> |
|
<meta content="black" name="apple-mobile-web-app-status-bar-style"/> |
|
<meta content="telephone=no" name="format-detection"/> |
|
<link rel="stylesheet" href="css/ydui.css?rev=@@hash"/> |
|
<link rel="stylesheet" href="css/demo.css"/> |
|
<script src="js/ydui.flexible.js"></script> |
|
</head> |
|
<body> |
|
|
|
<section class="g-flexview"> |
|
<section class="g-scrollview"> |
|
<div class="m-celltitle">默认调用</div> |
|
<div class="m-cell"> |
|
<div class="cell-item"> |
|
<div class="cell-left">所在地区：</div> |
|
<div class="cell-right cell-arrow"> |
|
<input type="text" class="cell-input" readonly id="J_Address" value="" placeholder="请选择收货地址"> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="m-celltitle">设置默认值</div> |
|
<div class="m-cell"> |
|
<div class="cell-item"> |
|
<div class="cell-left">所在地区：</div> |
|
<div class="cell-right cell-arrow"> |
|
<input type="text" class="cell-input" readonly id="J_Address2" value="中国 新疆维吾尔自治区 乌鲁木齐市 天山区" placeholder="请选择收货地址"> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</section> |
|
|
|
</section> |
|
|
|
<script src="js/jquery.min.js"></script> |
|
<script src="js/ydui.citys.js"></script> |
|
<script src="js/ydui.js"></script> |
|
<script> |
|
/** |
|
* 默认调用 |
|
*/ |
|
!function () { |
|
var $target = $('#J_Address'); |
|
|
|
$target.citySelect(); |
|
|
|
$target.on('click', function (event) { |
|
event.stopPropagation(); |
|
$target.citySelect('open'); |
|
}); |
|
|
|
$target.on('done.ydui.cityselect', function (ret) { |
|
console.log(ret) |
|
$(this).val(ret.country + ' ' + ret.provance + ' ' + ret.city + ' ' + ret.area); |
|
}); |
|
}(); |
|
/** |
|
* 设置默认值 |
|
*/ |
|
!function () { |
|
var $target = $('#J_Address2'); |
|
|
|
$target.citySelect({ |
|
country: '中国', |
|
provance: '新疆维吾尔自治区', |
|
city: '乌鲁木齐市', |
|
area: '天山区', |
|
id: '1-31-330-3033' |
|
}); |
|
|
|
$target.on('click', function (event) { |
|
event.stopPropagation(); |
|
$target.citySelect('open'); |
|
}); |
|
|
|
$target.on('done.ydui.cityselect', function (ret) { |
|
console.log(ret); |
|
$(this).val(ret.country + ' ' + ret.provance + ' ' + ret.city + ' ' + ret.area); |
|
}); |
|
}(); |
|
</script> |
|
</body> |
|
</html>
|
|
|