`
乌托邦之爱
  • 浏览: 281958 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jquery可以初始化省市区三级联动插件

阅读更多

非常不错的jquery三级联动插件 虽然城市还不是很完善,不过功能应该是没问题的,我之前发过一个此插件,不过初始化时可能不好用,因为初始化select1的时候第二个select2不会出现内容造成无法选择城市,这个是从那个基础上改过的,完善了这个功能.

调用方法:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="data.js" type="text/javascript"></script>
<script src="datajs.js" type="text/javascript"></script>
<style type="text/css">
 #province{ width:90px; margin-left:5px}
 #city{ width:130px; margin-left:5px}
 #hometown{ width:160px; margin-left:5px}
</style>
</head>
<body>
<select id="province"></select>
<select id="city"></select>
<select id="hometown"></select>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){init("province","","city","","hometown","");});
</script>

分享到:
评论
8 楼 zhaobohao 2010-10-26  
乌托邦之爱 写道
zhaobohao 写道
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.


哈哈 太好了 我就喜欢这样的朋友 你的程序我看了 有个小小的问题 就是你这个程序目前我没有看出如何能做到初始化显示任意数据 比如我打开页面时直接想显示"辽宁"然后我就可以直接选第二级别里辽宁的所有城市 可能是我能力不够没看出来 如果可以做到的话希望能指点一下 嘻嘻

在配置对象中,加了一个defaultValue.解决以上问题.
7 楼 乌托邦之爱 2010-10-26  
zhaobohao 写道
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.


哈哈 太好了 我就喜欢这样的朋友 你的程序我看了 有个小小的问题 就是你这个程序目前我没有看出如何能做到初始化显示任意数据 比如我打开页面时直接想显示"辽宁"然后我就可以直接选第二级别里辽宁的所有城市 可能是我能力不够没看出来 如果可以做到的话希望能指点一下 嘻嘻
6 楼 zhaobohao 2010-10-25  
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.
5 楼 乌托邦之爱 2010-10-16  
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了
4 楼 ericxu1116 2010-10-16  
不错,支持一下
3 楼 asheng 2010-10-16  
要是能把请选择菜单项去掉就更好了
2 楼 1927105 2010-10-15  
谢谢
lz正在找jquery的
1 楼 xieyongwei 2010-10-15  
好样的,支持一下

相关推荐

    jquery省市区三级联动插件(数据全)

    这个“jquery省市区三级联动插件”是为了解决一个常见的前端开发需求——实现省市区选择的联动效果。这种功能常见于用户注册、地址填写等场景,能够提供用户友好的交互体验。 首先,我们要理解什么是“三级联动”。...

    jQuery省市区三级联动插件city-picker

    **jQuery省市区三级联动插件city-picker详解** 在网页开发中,经常需要实现省市区三级联动的效果,即用户选择一个省份后,相应的城市列表自动更新,再选择城市时,对应的区县列表也会随之变化。这种功能可以提升...

    jQuery省市区三级联动插件

    **jQuery省市区三级联动插件**是一种常见的前端开发技术,用于在网页上实现省、市、区(县)的联动选择效果。这种效果通常应用于地址输入、订单填写等场景,可以方便用户快速选择地理位置,提高用户体验。在...

    jQuery省市区三级联动插件_城市三级联动插件(原创).rar

    《jQuery省市区三级联动插件:城市选择的高效解决方案》 在网页开发中,省市区三级联动是一个常见的功能,尤其在注册、地址填写等场景下不可或缺。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的API...

    jQuery手机端城市地区选择点击省市区三级联动

    3. **jQuery初始化**:使用jQuery绑定事件监听器到省份选择器,当用户做出选择时触发`change`事件。 4. **事件处理**:在事件处理函数中,根据选中的省份ID,查找并填充对应的城市列表。同样,当城市被选择后,根据...

    强大的jQuery省市区城市三级联动插件

    **jQuery省市区城市三级联动插件详解** 在Web开发中,常常需要实现省市区三级联动效果,以便用户在填写表单时能方便地选择所在地区。这款强大的jQuery插件正为此目的而设计,它提供了简单易用的API,使得开发者能够...

    前端实现省市区三级联动(jquery+json)

    在前端开发中,省市区三级联动是一种常见的交互设计,它用于在用户选择省份时自动更新市和区的下拉选项,提高用户填写地址等信息的效率。本示例使用jQuery库,结合JavaScript和JSON数据格式来实现这一功能。以下是...

    Jquery 省市区县三级联动代码

    首先,`可初始化省市县三级联动.html`是主页面,它包含了HTML结构以及Jquery脚本的引用。在这个HTML文件中,通常会有三个下拉列表,分别对应省份、城市和区县。每个下拉列表都有一个ID,例如`province`、`city`和`...

    省市区三级联动插件+Jquery

    在Web开发中,"省市区三级联动插件+Jquery"是一个常见的功能需求,尤其在构建涉及用户地理位置信息的系统时。这个插件允许用户在输入地址时通过下拉选择的方式,依次选择省份、城市和区县,形成一个完整的三级地址。...

    jQuery json省市区街道四级联动地址选择插件

    **jQuery JSON 省市区街道四级联动地址选择插件** 在网页开发中,尤其是在电子商务网站或者需要用户填写详细地址的应用中,四级联动地址选择插件是一个常见且实用的功能。它通常包括省、市、区(县)和街道四个级别...

    jQuery省市区三级联动插件city-picker.zip

    3. **初始化插件**:在文档加载完成后,通过 `jQuery` 选择器找到对应的元素并调用 `cityPicker` 方法初始化插件,可以设置相应的配置项: ```javascript $(document).ready(function() { $("#cityPicker")....

    jquery 实现省市区三级联动

    在网页开发中,省市区三级联动...总的来说,jQuery实现省市区三级联动涉及到JSON数据处理、DOM操作、事件监听、Ajax请求等多个技术点,通过合理组合这些技术,我们可以创建一个响应迅速、交互流畅的地理位置选择功能。

    Bootstrap实现省市区三级联动(亲测可用)

    ### 知识点一:Bootstrap框架及其在省市区三级联动中的应用 Bootstrap是一套流行的前端框架,由Twitter的设计师和开发人员开发。它基于HTML、CSS和JavaScript,旨在简化网站的响应式和移动设备开发。Bootstrap提供...

    基于LayUI省市区三级联动

    通过以上步骤,你就可以实现一个基于LayUI的省市区三级联动功能。这个功能不仅适用于地址选择,还可以扩展到其他类似场景,如部门、分类等多级选择。记住,关键是理解和灵活运用LayUI的组件以及JavaScript事件监听...

    最简单的JQuery省市区三级联动(数据库版)

    ### 最简单的JQuery省市区三级联动(数据库版) #### 知识点概览 本文将深入探讨一个基于JQuery的省市区三级联动实现方案,该方案不仅代码精简且功能强大,特别适用于需要用户选择地理位置的Web应用。通过前端与...

    jquery-JSON省市区街道四级联动插件.zip

    《jQuery-JSON省市区街道四级联动插件详解》 在Web开发中,用户常常需要填写地址信息,此时省市区街道的四级联动效果可以提供便捷的用户体验。jQuery作为一款广泛使用的JavaScript库,配合JSON数据格式,可以轻松...

    H5手机省市区三级联动+省市区Excel数据拿来了马上就能用.zip

    在IT领域,尤其是在Web开发中,"H5手机省市区三级联动"是一个常见的功能需求,主要用于用户填写地址或选择服务范围时提供便捷的选择方式。这个压缩包文件提供了实现这一功能所需的资源,包括前端代码和数据。 首先...

    省市区三级联动实现

    在IT行业中,省市区三级联动是一种常见的前端交互功能,它常见于地址选择、地图应用、信息填写等场景。这个功能的实现主要是为了提供一个流畅的用户体验,让用户能够方便快捷地选择到精确的地理位置。在本案例中,...

    jquery省市县三级联动,可初始化

    以上就是关于"jQuery省市县三级联动,可初始化"的知识点详解,这个功能的实现涉及到了DOM操作、事件处理、数据交互、动态更新等多个方面,是Web开发中一个实用而常见的技巧。通过熟练掌握这些技术,开发者可以创建更...

    JQuery三级联动选择省市区插件

    **jQuery三级联动选择省市区插件详解** 在Web开发中,常常需要实现用户选择省份、城市和区县的功能,这通常涉及到数据的联动选择。为了提高用户体验和开发效率,jQuery库提供了一些插件来帮助开发者轻松实现这种三...

Global site tag (gtag.js) - Google Analytics