首页>>网页特效>>导航菜单

网站源码免费下载,源码分享下载,织梦模板,游戏源码,源码之家,小程序源码VIP升级

HTML5手机省市区三级联动地区选择代码

 185 2021-06-26 15:44:42

HTML5手机省市区三级联动地区选择代码是一款使用苹果手机IOS风格的三级联动城市选择器。


js代码



<script src="js/LAreaData1.js"></script>
<script src="js/LAreaData2.js"></script>
<script src="js/LArea.js"></script>
<script>
var area1 = new LArea();
area1.init({
	'trigger': '#demo1', //触发选择控件的文本框,同时选择完毕后name属性输出到该位置
	'valueTo': '#value1', //选择完毕后id属性输出到该位置
	'keys': {
		id: 'id',
		name: 'name'
	}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
	'type': 1, //数据源类型
	'data': LAreaData //数据源
});
area1.value=[1,13,3];//控制初始位置,注意:该方法并不会影响到input的value
var area2 = new LArea();
area2.init({
	'trigger': '#demo2',
	'valueTo': '#value2',
	'keys': {
		id: 'value',
		name: 'text'
	},
	'type': 2,
	'data': [provs_data, citys_data, dists_data]
});
</script>

60d6db13f2361.jpg

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!