jquery地区选择插件详解编程语言
2023-06-13 09:11:50 时间
meta charset="UTF-8"
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"/
title jQuery移动端的收货地址中国省市县级联选择插件 /title
link type="text/css" rel="stylesheet" href="css/ydui.css?rev=@@hash"/
link type="text/css" rel="stylesheet" href="css/demo.css"/
/head
body
section
section
div 默认调用 /div
div
div
div 所在地区: /div
div
input type="text" readonly id="J_Address" placeholder="请选择收货地址"
/div
/div
/div
div 设置默认值 /div
div
div
div 所在地区: /div
div
input type="text" readonly id="J_Address2" value="新疆 乌鲁木齐市 天山区" placeholder="请选择收货地址"
/div
/div
/div
/section
/section
script type="text/javascript" src="js/jquery.min.js" /script
script type="text/javascript" src="js/ydui.citys.js" /script
script type="text/javascript" src="js/ydui.js" /script
script type="text/javascript"
//默认调用
!function () {
var $target = $(#J_Address);
$target.citySelect();
$target.on(click, function (event) {
event.stopPropagation();
$target.citySelect(open);
});
$target.on(done.ydui.cityselect, function (ret) {
$(this).val(ret.provance + + ret.city + + ret.area);
});
}();
//设置默认值
!function () {
var $target = $(#J_Address2);
$target.citySelect({
provance: 新疆,
city: 乌鲁木齐市,
area: 天山区
});
$target.on(click, function (event) {
event.stopPropagation();
$target.citySelect(open);
});
$target.on(done.ydui.cityselect, function (ret) {
$(this).val(ret.provance + + ret.city + + ret.area);
});
}();
/script
/body
/html
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/18819.html
cjava相关文章
- JQuery日历插件My97DatePicker日期范围限制详解编程语言
- jQuery:$(document).ready()用法详解编程语言
- jquery swipper插件的一些弊端详解编程语言
- jquery插件cluetip关键词注释
- JQuery插件模板制作jquery插件的朋友可以参考下
- JQuery的Validation插件中Remote验证的中文问题
- 仿中关村在线首页弹出式广告插件(jQuery版)
- 12款经典的白富美型—jquery图片轮播插件—前端开发必备
- jQuery方法简洁实现隔行换色及toggleClass的使用
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- jquery数据验证插件(自制,简单,练手)实例代码
- jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
- jquery使用ajax实现微信自动回复插件
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 在页面加载完成后通过jquery给多个span赋值
- 浅谈jQuery异步对象(XMLHttpRequest)
- jquery实现在页面加载的时自动为日期插件添加当前日期
- js/jquery判断浏览器的方法小结