jquery.cityselect.js城市插件
2017-07-24 13:42
537 查看
引用:
<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为字符串信息时的设置。
<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的使用示例
- 省市区三级联动插件:app-jquery-cityselect.js
- 省市二级联动--使用app-jquery-cityselect.js插件
- jquery插件-cityselect.js扩展(支持4层联动)
- javascript城市选择器,jQuery.citypicker之后又一个清爽简洁的城市选择器插件,js城市选择器,js中国城市选择,城市选择js插件
- jquery.validate.js校验select2解决方案,Jquery插件select2校验解决方案
- jquery.validate.js校验select2解决方案 Jquery插件select2校验解决方案
- jquery.cityselect.js
- Jquery操作Select 简单方便 一个js插件搞定
- jquery.select.js (下拉框插件)不支持IE6 的 方法 (小心用JQuery 插件)
- 自己写的select元素可编辑、可筛选JQuery插件 jquery.inputselectbox.js
- 基于CSS 和JS的网页SELECT下拉框美化,JQUERY 插件
- jquery.cityselect.js基于jQuery+JSON的省市-自定义联动效果
- jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- jquery省市区三级联动插件CitySelect笔记
- 自定义输入的select插件jquery.autocomplete.js
- 操作select的jquery插件 注意:使用时请保持JS文件的编码和你程序的编码一致...
- 2、jQuery插件之cxSelect城市选择(三级级联效果国际版和国内版)
- jquery js javascript select 无限级 插件 优化foxidea版