jquery.cityselect.js城市插件
来源:互联网 发布:352净化器怎么样 知乎 编辑:程序博客网 时间:2024/05/22 03:07
引用:
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.cityselectnew.js"></script>
html:
<div class="citySelect">
<select class="prov"></select>
<select class="city" disabled="disabled"></select>
<select class="dist" disabled="disabled"></select>
</div>
<button id="tijiaoBtn">提交</button>
js:
var prov="吉林";var city="长春";var dist="南关区";
$(".citySelect").citySelect({
prov:prov, //省份 --赋值
city:city, //城市 --赋值
dist:dist, //县区 --赋值
nodata:"none",
//<!-- required:false -->
});
// 取值
$("#tijiaoBtn").on("click",function(){
console.log(this);
console.log($(".prov").val(),$(".city").val(),$(".dist").val());
});
jquery.cityselect.js城市插件
1、好处:
容易实现城市联动效果。
2、缺点:
该插件的样式使用的selecet标签,在设置样式的比较麻烦,发现很难设置为自己项目中使用的样式。
虽然项目中因为样式、动态数据效果等原因最后也没有用到该插件,但是jquery.cityselect.js插件还是非常不错的插件。
注:该插件引用城市信息url:"city.min.js",该地址要设置正确,否则查找不到城市信息。这里可以将“city.min.js”内容直接拷到url中,“jquery.cityselect.js”中有当url为字符串信息时的设置。
- jquery.cityselect.js城市插件
- jquery.cityselect.js
- jquery插件-cityselect.js扩展(支持4层联动)
- 省市区选择插件jquery.cityselect.js的使用示例
- jquery省市区三级联动插件CitySelect教程
- javascript城市选择器,jQuery.citypicker之后又一个清爽简洁的城市选择器插件,js城市选择器,js中国城市选择,城市选择js插件
- jquery.cityselect.js基于jQuery+JSON的省市-自定义联动效果
- 全国城市地区Jquery插件
- jquery仿携程网城市选择插件
- Jquery 城市三级联动 插件
- 【js组件】修改cityselect已适应项目
- 全国城市二级联动js插件
- 【js组件】修改cityselect以适应项目(2)
- js、jquery插件记录
- js/jQuery插件收集
- jQuery插件-json2.js
- jquery page.js插件
- JQUERY插件select2.js
- Andy's First Dictionary(P112) / UVA
- 润乾报表横竖连续打印问题
- 安卓学习笔记之Okhttp
- rtsp协议详解
- 如何判断子页面iframe的高度
- jquery.cityselect.js城市插件
- 万能的林萧说:我来告诉你,一个草根程序员如何进入BAT。
- Servlet下的ServletContext
- OData demo
- 关于文本标签的使用
- 面试题_Selenium
- ThinkPHP3.2自带的七牛云配置使用
- js查看浏览器类型和版本
- 解决 github push failed (remote: Permission to userA/repo.git denied to userB.)