distpicker.js 三级联动,修改地址时设置默认值
做java 后台的,半路出家 ,想做个自己的商城,卖点东西想着挣点外快,用到了js的三级联动,在网上找了很多,没找到解决的方法。只能想办法自己解决,想着留个备份,所以处女做作给js 啦~~主要考虑遍历、触发事件和设置option的selected 属性。言归正传以下是代码
html
<div data-toggle="distpicker" class="address_content" id="address">
<div class="col-sm-9 col-xs-9">
<select class="selectpicker form-control" data-province="―― 省 ――"
id="receiverState" name="addressProvince">
</select>
<select class="selectpicker form-control" data-city="―― 市 ――"
id="receiverCity" name="addressCity">
</select>
<select class="selectpicker form-control" data-district="―― 区 ――"
id="receiverDistrict" name="addressDistrict">
</select>
</div>
</div>
js:
下面这个不知道为什么必须要加 否则不会百分百复现,至于原因 还没找到,有大神请指点一下
$("#address").distpicker('destory');
$("#address").distpicker({
province: province1,
// Defines the initial value of city.
city: city1,
// Defines the initial value of district.
district: district1
});
///
下面是默认值的实现province1 city1 district1 这三个值为后台传入
$("#receiverState").find("[data-text="+province1+"]").attr("selected",true);
$("#receiverState").trigger("change");
$("#receiverCity").find("[data-text="+city1+"]").attr("selected",true);
$("#receiverCity").trigger("change");
$("#receiverDistrict").find("[data-text="+district1+"]").attr("selected",true);
完
distpicker.js 三级联动,修改地址时设置默认值相关推荐
- SQL创建视图时设置默认值
ISNULL(字段,0) 查看全文 http://www.taodudu.cc/news/show-3644124.html 相关文章: 使用SQL创建视图和存储过程 SQL创建视图注意事项 mysq ...
- ajax默认什么方法,ajax设置默认值ajaxSetup()方法
$(function(){ //设置全局 jQuery Ajax全局参数 $.ajaxSetup({ type:"POST", async:false, cache:false, ...
- select2 ajax获取数据设置默认值,初始值
select2是一个非常好用的select美化插件,但是在最近使用时发现,select2在使用ajax获取数据内容时设置默认值非常麻烦,官方给出了一个解决方案就是添加一个属性selected的opti ...
- SQL Server | 设置默认值
1.建表时设置默认值 Create table Sys_User (Id int primary key identity,Name nvarchar(50),Gender char(2) defau ...
- php 把省市存入数据库,用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码...
用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码,在线等 现在的问题是这样的,当我选好地址后就提交他到数据库中去,可是现在怎么修改提交到数据库中的值都是前面的那些编码,就不是后面的文字.要 ...
- 原生js写三级联动 java_原生js三级联动的简单实现代码
本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下 实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...
- 如何解决在ASP.NET Core中找不到图像时设置默认图像
背景 web上如果图片不存在一般是打xx,这时候一般都是会设置默认的图片代替.现在用中间件的方式实现统一设置, 一次设置,全部作用 . 此示例演示如何解决在ASP.NET Core中找不到图像时设置默 ...
- 谷粒商城---新增收货地址,设置默认地址实现
今天实现了新增收货地址,设置默认地址的功能. 1.接收两个参数: @RequestMapping("/setdefualt") public R setdefualt(@Reque ...
- java某个参数值设置为空_@PathVariable为空时指定默认值的操作
@PathVariable为空时指定默认值, 可以指定多个匹配路径,然后设置参数非必要的,就可以了,例子如下 @RequestMapping(value = {"/timeline/{uid ...
- 现实JS模板,可设置默认值
在写封装一些URL请求时想到用模板的方式会很灵活,所以在网上看了下,把replace的第二个参数写成函数时还真有意思,省了写循环的事,呵呵!也实现了我认为必需得有的特性:设置默认值. 1 var ur ...
最新文章
- 「AlphaGo 之父」David Silver最新演讲,传授强化学习的十大原则
- win10打开程序响应很慢_Win10系统如何关闭全部无响应进程?
- 【iOS】Quartz2D图片剪切
- 报表如何同步用户数据集
- mysql建外键失败
- JavaScript语法(三)
- 基于thinkphp的出租屋管理系统升级版
- 常见B端产品经理面试问题及答案(一)
- Python list列表查找元素
- 简述网桥,网关,路由器之间的区别和联系
- 创业型公司,你要不要去?
- UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xbd in position 115: illegal multibyte sequence
- 第三章 SQL命令 ALTER USER
- 批量合并word文档
- maven编译问题之 -The POM for XXX is invalid, transitive dependencies (if any) will not be available
- 带音效的计算机软件,音效增强软件哪个好用?好用的音效增强软件推荐
- [bbk5148] 第51集 - 第五章 管理内存 06
- 投资基建无异扩大货币供应
- oracle db file sequential read,详解 db file sequential read 等待事件
- 一梦江湖(楚留香)自用日常手机脚本