现在的JS代码不兼容IE6,IE8,现在要求:兼容IE6,IE8

fsdvd fsdvd 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
代码实现如下功能。
1、当“组1” <select name="B1other1_1" id='B1other1_1' >选了“选择1”,其它select 选项就不会有“选择1”。如此类推,当“组1” <select name="B1other1_1" id='B1other1_1' >选了“选择1”,<select name="B1other2_1" id='B1other2_1' >选了“选择2”,其它的select 选择框就没有“选择1”和“选择2”的选项,每组间“组1”和“组2”互不影响。


现在的JS代码不兼容IE6,IE8,现在要求:兼容IE6,IE8,那位高手帮帮忙。


<!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>问卷</title>
<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('select').change(function(e){
var div=$(this).parents('div').attr('id');
var oldvalue=$(this).attr('old');
var currentvalue=$(this).val();
var checkText=$(this).find("option:selected").text();
if(oldvalue){
$('#'+div+' select option[value='+oldvalue+']').show();
}

$('#'+div+' select option[value='+currentvalue+']').hide();
$(this).attr('old',currentvalue);
});
});
</script>

</head>
<body>
<p>我想实现:<br />
<br />
<br />
<br />
现在的代码不兼容IE6,IE8,现在要求:兼容IE6,IE8</p>
<p> </p>
<p>组1 </p>
<div id="B1">
<p>
<select name="B1other1_1" id='B1other1_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>其它</option>
</select>

<input type="text" name="B1other1_2" id="B1other1_2" />
</p>
<p>
<select name="B1other2_1" id='B1other2_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>其它</option>
</select>
<input type="text" name="B1other2_2" id="B1other2_2" />
</p>
<p>
<select name="B1other3_1" id='B1other3_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>其它</option>
</select>
<input type="text" name="B1other3_2" id="B1other3_2" />
</p>
<p>
<select name="B1other4_1" id='B1other4_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>其它</option>
</select>
<input type="text" name="B1other4_2" id="B1other4_2" />
</p>
</div>
组2
<div id="B2">
<p>
<select name="B2other1_1" id='B2other1_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>其它</option>
</select>

<input type="text" name="B2other1_2" id="B2other1_2" />
</p>
<p>
<select name="B2other2_1" id="B2other2_1" >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>其它</option>
</select>
<input type="text" name="B2other2_2" id="B2other2_2" />
</p>
<p>
<select name="B2other3_1" id='B2other3_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>其它</option>
</select>
<input type="text" name="B2other3_2" id="B2other3_2" />
</p>
<p>
<select name="B2other4_1" id='B2other4_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>其它</option>
</select>
<input type="text" name="B2other4_2" id="B2other4_2" />
</p>
<p>
<select name="B2other5_1" id='B2other5_1' >
<option value=''>请选择</option>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>其它</option>
</select>
<input type="text" name="B2other5_2" id="B2other5_2" />
</p>
</div>
</body>
</html>


...全文
评论 6
收藏 已收藏
分享
返回顶部
fsdvd
JavaScript 87,983 成员 224,681 内容