求一段JQUERY写的三个互动select效果

tottyandbaty 2009-10-15 03:54:38
要求:在一个页面上有3个select标签,其名称分别为a1,a2,a3,这三个的option都一样,如下:
<select name=a1>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</selecte>

<select name=a2>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</selecte>

<select name=a2>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</selecte>


要求有点复杂:

a1,a2,a3的选择结果要每个都不一样,只要其中任何一个被选中,其他的2个都不能再次被选择
...全文
88 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
tiantianzzz 2009-10-15
  • 打赏
  • 举报
回复


$('select').change(function(){
$('select option').show();
$('select').each(function(){
$('select').not(this).children('[value='+this.value+']').hide();
});
});



同上,最好在每个select下加上一个空的option,否则一来就是3个1了
ohmydog1 2009-10-15
  • 打赏
  • 举报
回复


<script type="text/javascript">
function mycheck(){
if($(this).val()!='0'){
var a1=$('#a1').val();
var a2=$('#a2').val();
var a3=$('#a3').val();
if(a1==a2)$('#a2').val('0');
if(a1==a3)$('#a3').val('0');
if(a2==a3)$('#a3').val('0');
}
}
</script>
<select name='a1' id='a1' onclick="mycheck()">
<option value='0'>请选择</option>
<option value='1'>1 </option>
<option value='2'>2 </option>
<option value='3'>3 </option>
<option value='4'>4 </option>
</select>

<select name='a2' id='a2' onclick="mycheck()">
<option value='0'>请选择</option>
<option value='1'>1 </option>
<option value='2'>2 </option>
<option value='3'>3 </option>
<option value='4'>4 </option>
</select>

<select name='a3' id='a3' onclick="mycheck()">
<option value='0'>请选择</option>
<option value='1'>1 </option>
<option value='2'>2 </option>
<option value='3'>3 </option>
<option value='4'>4 </option>
</select>

87,918

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧