Jquery 城市三级联动插件

最新推荐文章于 2025-06-24 16:49:05 发布

转载最新推荐文章于 2025-06-24 16:49:05 发布 · 2.3k 阅读

文章标签：

#Jquery插件 #城市三级联动插件 #select

2015-6 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的区域选择插件，该插件允许用户从下拉菜单中选择省份、城市及区县。通过引用area.js文件并按示例进行配置，可以轻松地在网页上实现地区联动的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用方法：
1.把area.js引用到页面当中，该插件不依赖jquery可直接使用
2.把下面的代码拷贝项目当中即可

<div class="info">
<div>
<select id="s_province" name="s_province"></select>
<select id="s_city" name="s_city" ></select>
<select id="s_county" name="s_county"></select>
<script class="resources library" src="area.js" type="text/javascript"></script>

<script type="text/javascript">_init_area();</script>
</div>
<div id="show"></div>
</div>
<script type="text/javascript">
var Gid = document.getElementById ;
var showArea = function(){
Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +
Gid('s_city').value + " - 县/区" +
Gid('s_county').value + "</h3>"
}
Gid('s_county').setAttribute('onchange','showArea()');
</script>