评论：jQuery省市区三级联动插件（可自定义样式）  [查看原文]

Just Believe0
2019/5/20 10:36:50
请问此方法实现搜索功能了没？

xmtz0
2019/7/2 11:15:07
同问

有些地方出了问题，一个是美中不足的是，没有控件获取焦点边框变色功能，需要自己修改js文件！
另一个是代码问题，
1、setVal中的this.setBack(this);应当放在方法最后一行，这样每次执行都会更新 data-areacode 的属性值！而作者的意思是除了选取 请选择省 / 市/县这三个空选项以外，其他的选项才会给更新地区编码！ 这个使用过程会发现
2、回调中使用$(".pick-area").attr("data-codearea")以及 .val()都无法获取正确值，一个是undefined一个是"",正确的是

var thisdom = $("." + $(".pick-area-dom").val());
thisdom.next().val($(".pick-area-hidden").val());
var areaCode = thisdom.find("input[class = 'pick-area']").attr("data-areacode");

这是我在用6的时候发现的问题！

杨歌0
2018/3/5 11:57:49
怎么说

你好，从后台赋值到a标签name属性， 是否要重新初始化，是重新调用pickArea，但是这个方法会重新生成一个DIV，导致重复。 有具体解决的方法吗？ 跪求。。

余鹏飞1
2018/3/21 16:31:56
给生成的div赋值空值$(".pick-area").html(" ");

你这个是怎么不是地区编码啊  我数据库直接存地名？

杨歌0
2018/3/6 9:57:12
更新了，加入地区编码了

你好，请教下我怎样才能拿到id而不是name? 谢谢！

大神，请问选中之后如何回到请选择的状态呢？现在是下拉中没有请选择项

杨歌0
2018/1/2 15:50:10
抱歉，暂时还没有这个功能，当时项目中没这个需求，就没考虑到，等我下周有时间了再给补上，不好意思了，有问题发我邮箱吧

杨歌0
2018/3/6 9:57:47
更新了，加入请选择的状态了

杨歌0
2017/12/13 13:39:07
你把代码截一下图发给我，报的什么错也发给我。发到我邮箱里吧

余鹏飞0
2017/12/13 16:15:13

楼主很好！大家多多支持。小弟的问题大哥都很耐心的帮我解决了

尝试一下

杨歌0
2017/11/23 9:22:28
层级问题

没看懂具体该怎么用

杨歌0
2017/11/20 19:01:33
详解我写的有点乱，你直接看事例代码怎么用的就行了

╊?┵璨￡璨メ╊0
2017/11/21 11:05:23

我看了好久，还是觉得有点没搞清楚怎么做成的您插件的那个样子

<div class="pick-area" style="height: 40px; padding-left: 40px;border: 1px springgreen solid;display: inline-block ">
    <ul class="pick-list" style="display: inline-block ;"></ul>
</div>

杨歌0
2017/11/21 19:16:14
别看详解文字了，直接看demo就行

雨田君0
2017/11/8 18:35:53

求作者回复。。真心不会！！

杨歌5
2017/11/9 10:04:15

简单啊，取值方式很多啊。让你彻底明白的方式就是自己去看看，你可以在谷歌浏览器中打开控制台，在Elements中查看每次选中数据后，元素的变化，你就知道怎么取值了。

1.每个div.pick-area中都有一个

<input type="hidden" class="pick-area" value="山东省/临沂市/兰陵县" readonly>

，它存放着每次选中一个列表数据后的当前插件的省市县的最新值，这个值就可以取值用了。

2.假如你的页面中只有一个div.pick-area，那么你可以直接用

$("div.pick-area").find("input.pick-area").val()

取值。

3.假如你的同一个页面中有两个地方需要使用省市县选择，那么就需要有两个div.pick-area，那么你可以再分别给他俩另加一个类名，比如加完之后就变成了

<div class="pick-area pick-demo1"></div>

和

<div class="pick-area pick-demo2"></div>

那么你就可以使用

$("div.pick-area1").find("input.pick-area").val()

和

$("div.pick-area2").find("input.pick-area").val()

分别取值了。

4.另外，我还提供了getVal这么一个回调方法，你也可以在每次选中一次数据之后就把当前插件的值给取出来，并且配合其它需求做一些处理。比如我的使用事例中，每次选完一个值之后，后面紧跟的那个<input>框里的值都会随之更新。那里面用到了页面中两个很重要的隐藏域，input.pick-area-dom和input.pick-area-hidden，你可以看看使用说明，里面都有介绍。这个插件的取值方法很多很灵活，可以适用绝大部分的使用需求。多看看使用说明，多在谷歌控制台看看每次选完值之后html代码的变化，也去控制台找一找input.pick-area-dom和input.pick-area-hidden，看看他们的变化。

雨田君0
2017/11/9 12:31:07

谢谢指点！！

看半天没看懂怎么用啊

杨歌0
2017/11/8 15:11:31
直接看代码里的使用例子就可以了，很简单，用法跟其它插件没什么区别