博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap-select 的地址联动
阅读量:6431 次
发布时间:2019-06-23

本文共 948 字,大约阅读时间需要 3 分钟。

  hot3.png

地址数据来自于数据库(业务需要,地址可修改),数据库的设计:

 

其中pid为父节点id,lft,rgt为当前节点的子节的id范围。

数据形式:

{"area":[{"id":366,"name":"北京","pid":1,"lft":2,"rgt":5},{"id":386,"name":"天津","pid":1,"lft":6,"rgt":9},{"id":406,"name":"河北","pid":1,"lft":10,"rgt":35},{"id":568,"name":"山西","pid":1,"lft":36,"rgt":59},{"id":1121,"name":"浙江","pid":1,"lft":196,"rgt":219},{"id":1208,"name":"安徽","pid":1,"lft":220,"rgt":255},{"id":1303,"name":"福建","pid":1,"lft":256,"rgt":275},{"id":1383,"name":"江西","pid":1,"lft":276,"rgt":299},{"id":1485,"name":"山东","pid":1,"lft":300,"rgt":335},{"id":1612,"name":"河南","pid":1,"lft":336,"rgt":371},{"id":1760,"name":"湖北","pid":1,"lft":372,"rgt":409},{"id":1851,"name":"湖南","pid":1,"lft":410,"rgt":439},{"id":3019,"name":"新疆","pid":1,"lft":758,"rgt":791},{"id":3268,"name":"重庆","pid":1,"lft":792,"rgt":795}]}

效果:

引用文件:jquery-1.11.3.js,Bootstrap3.35,Bootstrap-select1.7.2

下载:

下载:

下载:

页面:

    

js:

转载于:https://my.oschina.net/htzy/blog/539417

你可能感兴趣的文章
[转]PHP获取当前页面的URL
查看>>
GridView鼠标移动到某一行时行发生变色和为Gridview中编辑模板中的控件添加颜色...
查看>>
VC++学习(0):MFC框架
查看>>
ACM POJ 2109 Power of Cryptography
查看>>
xml 设置 imageview 背景(按下,禁用等)
查看>>
imagemagick命令行用法(转)
查看>>
我的git 常用指令
查看>>
wp7.1 VideoBrush
查看>>
(笔记)堆和栈的区别-两种不同的数据结构
查看>>
POJ 3461 Oulipo
查看>>
转: Visual Studio 调试小技巧(1)-根据字符串内容添加断点
查看>>
使用javascript实现多个图片漂浮的效果(完善火狐滤镜功能)
查看>>
关于图像特征提取【转】
查看>>
asp.net<C#> web service Object moved to here.
查看>>
瑞典皇家理工学院工程类表
查看>>
HP大中华区总裁孙振耀退休感言(转)
查看>>
查看OS位数
查看>>
移动设备数据访问技术三
查看>>
4.6.2 万能转换器boost::lexical_cast
查看>>
让linux开机自动执行一条需要管理员的密码的命令
查看>>