兼容ie select option 显示隐藏

<select name="fatherselect" id="fatherselect" class="sps-ui-select fathercategory">
    <option data-categoryid="" name="fatherfirst" value="">一级分类</option>
    <option value="" data-categoryid="1">五险一金</option>
    <option value="" data-categoryid="2">企业服务</option>
    <option value="" data-categoryid="3">员工服务</option>
</select>
<select name="childselect" id="childselect" class="sps-ui-select">
<span style="white-space:pre">	</span><option pid="" data-categoryid="" name="childfirst" value="">二级分类</option>
<span style="white-space:pre">	</span><option value="" class="pid pid1" data-categoryid="5" style="display: none;">社会保险服务</option>
<span style="white-space:pre">	</span><option value="" class="pid pid1" data-categoryid="6" style="display: none;">公积金服务</option>
<span style="white-space:pre">	</span><option value="" class="pid pid2" data-categoryid="7" style="display: none;">社保账户服务</option>
<span style="white-space:pre">	</span><option value="" class="pid pid2" data-categoryid="8" style="display: none;">公积金账户服务</option>
<span style="white-space:pre">	</span><option value="" class="pid pid3" data-categoryid="9" style="">社保日常服务</option>
<span style="white-space:pre">	</span><option value="" class="pid pid3" data-categoryid="10" style="">公积金日常服务</option>
</select>


//将option序列到数组中
var childselectAry = $("#childselect option.pid").map(function(){return $(this).context.outerHTML}).get();
//父级变化触发事件
$("#fatherselect").on("change",function () {
   $father = $("#fatherselect").find("option:selected");
   if($father.attr("data-categoryId") != ""){
//标准浏览器处理方法
      $("#childselect option[name='childfirst']").show();
      $("#childselect").removeAttr("disabled");
      var pid = $father.attr("data-categoryId");
      $("#childselect option.pid").hide();
      $("#childselect option.pid" + pid).show();

//ie8浏览器处理方法
if(isIE){  
	$("#childselect option.pid").remove()         
	for (key in childselectAry){            
		if(childselectAry[key].indexOf("pid"+pid)> -1){               
		$("#childselect").append(childselectAry[key])            
		}         
	}
   }else{
//父级选中默认选项操作
      $("#childselect option.pid").hide();
      $("#childselect option[name='childfirst']").prop("selected", true);
      $("#childselect").attr("disabled","true");
   }
})
function isIE() { //ie?  
    if (!!window.ActiveXObject || "ActiveXObject" in window)  
        return true;  
    else  
        return false;  
}


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值