做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 三级联动,修改地址时设置默认值相关推荐

  1. SQL创建视图时设置默认值

    ISNULL(字段,0) 查看全文 http://www.taodudu.cc/news/show-3644124.html 相关文章: 使用SQL创建视图和存储过程 SQL创建视图注意事项 mysq ...

  2. ajax默认什么方法,ajax设置默认值ajaxSetup()方法

    $(function(){ //设置全局 jQuery Ajax全局参数 $.ajaxSetup({ type:"POST", async:false, cache:false, ...

  3. select2 ajax获取数据设置默认值,初始值

    select2是一个非常好用的select美化插件,但是在最近使用时发现,select2在使用ajax获取数据内容时设置默认值非常麻烦,官方给出了一个解决方案就是添加一个属性selected的opti ...

  4. SQL Server | 设置默认值

    1.建表时设置默认值 Create table Sys_User (Id int primary key identity,Name nvarchar(50),Gender char(2) defau ...

  5. php 把省市存入数据库,用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码...

    用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码,在线等 现在的问题是这样的,当我选好地址后就提交他到数据库中去,可是现在怎么修改提交到数据库中的值都是前面的那些编码,就不是后面的文字.要 ...

  6. 原生js写三级联动 java_原生js三级联动的简单实现代码

    本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下 实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...

  7. 如何解决在ASP.NET Core中找不到图像时设置默认图像

    背景 web上如果图片不存在一般是打xx,这时候一般都是会设置默认的图片代替.现在用中间件的方式实现统一设置, 一次设置,全部作用 . 此示例演示如何解决在ASP.NET Core中找不到图像时设置默 ...

  8. 谷粒商城---新增收货地址,设置默认地址实现

    今天实现了新增收货地址,设置默认地址的功能. 1.接收两个参数: @RequestMapping("/setdefualt") public R setdefualt(@Reque ...

  9. java某个参数值设置为空_@PathVariable为空时指定默认值的操作

    @PathVariable为空时指定默认值, 可以指定多个匹配路径,然后设置参数非必要的,就可以了,例子如下 @RequestMapping(value = {"/timeline/{uid ...

  10. 现实JS模板,可设置默认值

    在写封装一些URL请求时想到用模板的方式会很灵活,所以在网上看了下,把replace的第二个参数写成函数时还真有意思,省了写循环的事,呵呵!也实现了我认为必需得有的特性:设置默认值. 1 var ur ...

最新文章

  1. 「AlphaGo 之父」David Silver最新演讲,传授强化学习的十大原则
  2. win10打开程序响应很慢_Win10系统如何关闭全部无响应进程?
  3. 【iOS】Quartz2D图片剪切
  4. 报表如何同步用户数据集
  5. mysql建外键失败
  6. JavaScript语法(三)
  7. 基于thinkphp的出租屋管理系统升级版
  8. 常见B端产品经理面试问题及答案(一)
  9. Python list列表查找元素
  10. 简述网桥,网关,路由器之间的区别和联系
  11. 创业型公司,你要不要去?
  12. UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xbd in position 115: illegal multibyte sequence
  13. 第三章 SQL命令 ALTER USER
  14. 批量合并word文档
  15. maven编译问题之 -The POM for XXX is invalid, transitive dependencies (if any) will not be available
  16. 带音效的计算机软件,音效增强软件哪个好用?好用的音效增强软件推荐
  17. [bbk5148] 第51集 - 第五章 管理内存 06
  18. 投资基建无异扩大货币供应
  19. oracle db file sequential read,详解 db file sequential read 等待事件
  20. 一梦江湖(楚留香)自用日常手机脚本

热门文章

  1. NI RS422/RS485接线方式
  2. html5在线画图工具,HTML5 Canvas画板画图工具 可定义笔刷和画布
  3. stm32神舟I号开发板下的六子棋开发
  4. 图像识别--利用百度API免费调用
  5. 控制工程实践(2)——拉普拉斯变换及传递函数(之拉氏变换)
  6. 《统计会犯错——如何避免数据分析中的统计陷阱》一导读
  7. 计算机控制系统的输入输出信号,谈谈自动控制系统的输入输出信号
  8. 许可证加密的WMV文件破解
  9. VirtualBox安装教程(Win10)含软件安装包
  10. 安装bt5到u盘方法与步骤