jquery实现二级联动

<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不支持

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值