写道
< !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=gb2312" />
<title>jQuery 二级联动</title>
<script src="http://wlog.com.cn/lib/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#province").change(function(){
$("#province option").each(function(i,o){
if($(this).attr("selected"))
{
$(".city").hide();
$(".city").eq(i).show();
}
});
});
$("#province").change();
});
</script>
</head>
<body>
<select id="province">
<option>----请选择省份----
<option>北京
<option>上海
<option>江苏
</select>
<select class="city">
<option>----请选择城市----
</select>
<select class="city">
<option>东城</option>
<option>西城</option>
<option>崇文</option>
<option>宣武</option>
<option>朝阳</option>
</select>
<select class="city">
<option>黄浦</option>
<option>卢湾</option>
<option>徐汇</option>
<option>长宁</option>
<option>静安</option>
</select>
<select class="city">
<option>南京</option>
<option>镇江</option>
<option>苏州</option>
<option>南通</option>
<option>扬州</option>
</select>
</body>
</html>
分享到:
相关推荐
jQuery 插件编写的select三级联动,多级联动,修改方便,扩展方便
基于jquery的用<select>实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
该小插件是自己写的谢谢指教。可以改写为三级菜单。
两级联动选择插件调用: $('.select-value').mPicker({ //级别 level:2, //需要渲染的json,二级联动的需要嵌套子元素,有一定的json格式... jQuery手机端省市二级联动选择代码是一款非常实用的城市选择器插件。
先看一下简单的效果 直接上代码 html部分 (下拉框中value的数值我是根据数据库中取出来) 城市 <select name=city lay-filter=province> <option xss=removed></option> 北京市 天津市</o
技术特点:Jquery通用 [二维数组] 无限级联动、赋值联动 功能介绍: 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值...包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]
Struts2+jQuery+ajax+mySql实现省市二级联动
Jquery通用二维数组无限级联动源码 技术特点:Jquery通用 [二维数组] 无限级联动、赋值联动 功能介绍: 无限级联动、赋值联动 ,.net后台...包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]
基于jquery的用<select>实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
用JQuery和select 做的一个 二级 下拉 联动 思路 就是 点击 第一个 下拉框时 调取 change事件 获取 第二个下拉框的值 实现 联动 效果
本文实例为大家分享了Ajax实现城市二级联动的具体代码,供大家参考,具体内容如下 这是Ajax实现城市二级联动系列文章第三篇,把之前2篇整合在一起 1、html <select id="province"> 请选择 </select> ...
本文实例为大家分享了jquery实现二级联动的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级联动</title> ...
[removed][removed] [removed][removed] [removed][removed] </head>... jQuery世界城市三级联动下拉选择代码是一款jQuery Select世界城市选择器特效,如果只有二级,那么会有一个空值。
jQuery 1.3.2 简单实现select二级联动 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”...
JS文件中的Select 有2个,我想做成联动的,例如选择" 信息采集器 " 那么第二个Select 就自动显示"A" 选择 " 信息变送器 " 就自动显示 “ B ” 怎么实现~~求高手,求专家!网上找的代码,测试了都不行! 是不是因为这...
二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。 实现效果:当选择大类时,小类下拉框里的选项内容...
根据JSON自动生成select联动,三级联动,二级联动,通过JSON自动联动,select
本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。 HTML 首先在head中载入jquery库和cityselect插件。 [removed][removed] [removed][removed] 接下来,我们在#city中...
今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多。另外,这个Select下拉框也...
实现原理:根据省份值的变动,通过jQuery把sf_id传给后台php文件处理,php通过查询MySQl数据库,得到对应的地市名,并返回JSON数据给前端处理,即实现联动效果! 为便于讲解,这里直接给出省份:河南省(sf_id=1) ...