<select name="companyType_1"> <option value="00" selected="selected">请选择</option> <option value="01">政府/公共管理/社会保障</option> <option value="02">金融/投资</option> </select> <select name="companyType_2"> <option value="0000" selected="selected">请选择</option> <option value="0101">党政机构</option> <option value="0102">公共事业/市政建设</option> <option value="0103">社会保障</option> <option value="0104">社会团体/非盈利组织</option> <option value="0132">sdafasf</option> <option value="0201">银行</option> <option value="0202">保险</option> <option value="0203">证券/期货</option> <option value="0204">金融/投资</option> <option value="0205">财会</option> <option value="0206">审计</option> </select>
实现选01的筛选出0101-0105,选02的筛选出02-06
代码为:
$(function(){ // //这里必须用克隆,否则remove时会把$child的子节点都删除 var $child = $("[name=companyType_2]").clone(); $("[name=companyType_2] option:gt(0)").remove(); $("[name=companyType_1]").change(function(){ var parentVal = $(this).val(); //先删除,再添加 $("[name=companyType_2] option:gt(0)").remove(); if(parentVal!='00'){ //是把符合条件的克隆出来然后添加到selected节点中,这样不会改变$child本身的内容 $child.find("option[value^="+parentVal+"]").clone().appendTo($("[name=companyType_2]")); } }) })
ps:不能对option用hide()方法,因为IE不支持
相关推荐
一段很简单的代码实现的全国二级城市联动选择效果 代码部分很简单,看过即会使用 主要字段内容在city.data.js中,如果需要修改城市名称,到里面找到对应的文字修改,或者添加即可
本文实例为大家分享了jquery实现二级联动的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级联动</title> ...
NULL 博文链接:https://dreams75.iteye.com/blog/512554
jquery插件城市二级联动 使用简单 数据是以微信地区数据为例
这是一款适用于网络营销,查询连锁店铺全国网点的jQuery省市二级联动关联店面查询表单代码,主要还是城市联动下拉选择菜单效果,查询结果还得程序里自己具体实现。
jQuery移动端省市二级联动选择插件.zip
jquery解析xml并实现省市二级联动
java结合jquery进行异步提交在jsp页面中实现二级联动菜单,该源码在struts+mvc基础上实现的,简单明了。其中的数据库可自行更改,只要相应的更改连库字符串等即可。也可多加几个下拉框将项目扩展为多级联动菜单
该资源包含了一个使用jquery ajax实现的省市二级联动的简单demo,简单易懂,可以参考博客:http://blog.csdn.net/mockingbirds/article/details/46842327
1、Jsp页面 ... //为了避免jquery中的'$'与其它的'$'冲突,在此将jquery中的'$'重命名为'jQuery' var jQuery=$; //初始化数据 jQuery(document).ready(function(){ getProvince(); });
基于jquery的用实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果
NULL 博文链接:https://jun1986.iteye.com/blog/1338648
自己写的很小的程序仅仅能实现二级联动功能,第一次上传,还不太懂
jQuery+ASP+SQL实现二级联动下拉菜单 全国省市数据库可以从网上Down个合适的导入一下就可以了. /**************************** * Author:蓝客密探 * Blog:www.lanke.me * Forum:www.phpdn.cn 详细介绍页面:...
jQuery二级城市联动jQuery二级城市联动
jquery城市二级联动常用代码演示地址:http://www.jq22.com/jquery-info394
JQuery实现动态绑定DropDownList和二级联动