用Jquery 1.4.4 实现的联动下拉菜单,估计在Jquery 1.2版本以上都可用。
联动下拉菜单是一主一从两个select,切换主select时,从select的内容跟着改变。这里是把从select的项目按组optgroup全部加载进来,然后切换主select时更新从select组的显示或者隐藏。注意从select的组次序和主select项次序要一致。
HTML代码
<select id="province">
<option value="GD">广东</option>
<option value="JS">江苏</option>
<option value="FJ">福建</option>
</select>
<select id="city">
<option value="">(全部)</option>
<optgroup label="广东">
<option value="020">广州</option>
<option value="0755">深圳</option>
</optgroup>
<optgroup label="江苏">
<option value="025">南京</option>
<option value="0512">苏州</option>
</optgroup>
<optgroup label="福建">
<option value="0591">福州</option>
<option value="0592">厦门</option>
</optgroup>
</select>
JS代码
function double_select(master, slave){
var change_slave = function() {
var idx = $(master).attr("selectedIndex") + 1;
$(slave).children("optgroup").hide();
$(slave).children("optgroup:nth-child("+idx+")").show();
}
$(master).change( change_slave );
change_slave();
}
//使用
$(function(){
double_select("#province", "#city");
});
分享到:
相关推荐
jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动...
简单实用的联动下拉菜单,第一的条件未选择的情况下无法选择第二个,以此类推
jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单
jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码
jQuery+ASP+SQL实现二级联动下拉菜单 全国省市数据库可以从网上Down个合适的导入一下就可以了. /**************************** * Author:蓝客密探 * Blog:www.lanke.me * Forum:www.phpdn.cn 详细介绍页面:...
jQuery手机端三级联动下拉菜单特效.
多级联动下拉菜单,可单选可多选,使用了jQuery.Hz2Py,支持中英文混合检索
jQuery 插件编写的select三级联动,多级联动,修改方便,扩展方便
jQuery模拟select下拉框三级城市联动代码.zip
district 是一款 jQuery 插件,主要用于多级菜单联动(如省市县),可根据自己需求定制。支持 jQuery.select2(优化下拉菜单插件)插件,支持原生 select(下拉菜单)。
cxSelect 是基于 jQuery 的多级联动菜单插件,适用于省市、商品分类等联动菜单。 列表数据通过 AJAX 获取(需要在服务器环境运行),也可以使用变量自定义,数据内容使用 JSON 格式。
纯jquery 实现全国省市区三级联动下拉菜单
可以放到项目中用 mutiselect 下拉多选插件 可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo
jQuery全国高校三级联动下拉选择菜单代码,全国学校省市校名三级联动选择代码,数据为2016年全国高校分布。
jQuery手机端三级联动下拉菜单特效,很实用的一款jQuery选择地区学校科目三级联动菜单代码。 js代码 [removed][removed] [removed][removed] [removed] $(function(){ $("body").css("min-height",...
jquery省市区三级联动下拉菜单
封装JQuery插件,中国省市区三级联动下拉菜单,省市区街道四级联动下拉菜单插件,三级插件取的值为地区编号或地区名,四级插件默认为地区编号,修改jquery.citys.js中的valueType为“name”,街道单独在代码中修改...
jquery+xml 省份 城市 区域 三级联动菜单. 用id作为连接点,高效快速. IE与firefox测试通过. 可加载默认项 里面附带例子^ ^ PS: 测试时 IE或chrome 用户请不要直接双击执行,因为这样是物理路径,不能加载xml. 请放...