Question

js判断select值改变同时改变表单内容

我有2个表单，分别为<form class="Ifrom1">和<form class="Ifrom2">
两个表单的select选项都为
<select id="changeset" value="">
<option value="1">显示表单1</option>
<option selected value="2">显示表单2</option>
</select>
当下拉显示表单1时表单Ifrom2隐藏，相反下拉显示2时，Ifrom1隐藏；

我js菜，这样判断只能输出一次;
$(function(){
$("#changeset").change(function() {
var t = $("#changeset").val();
if(t==1){
$('.Ifrom1').hide();
$('.Ifrom2').show();
}
else{
$('.Ifrom1').show();
$('.Ifrom2').hide();
}
});
});
太感谢了，有个小bug,当下拉显示表单2的时候没反应,
<form class="Ifrom1" >
<select id="changeset1" value="">
<option selected value="1">表单1</option>
<option value="2">表单2</option>
</select>
<p>表单1</p>
<p>表单1</p>
</form>

<form class="Ifrom2" style="display:none">
<select id="changeset2" value="">
<option selected value="1">表单1</option>
<option value="2"表单2</option>
</select>
<p>表单2</p>
<p>表单2</p>
</form>

Answer 1

如果两个select的id相同的话只能选择前面的那个，你改成id不同，或者使用其他方式选择这两个select就可以了。

追问

修改不一样的，那js要写两次吗，可以写个例子不

追答

写一次就可以了，比如：

$("#id1,#id2").change(function(){});

追问

我js菜，写出来还是一样，下拉第一次正常，第二次下拉就没反应了，能帮我写个完整的吗，谢谢了，

追答

$(function(){
 $("#changeset1,#changeset2").change(function() {
 var t = $(this).val(); 
 if(t==1){
  $('.Ifrom1').hide();
  $('.Ifrom2').show();
 }
 else{
  $('.Ifrom1').show();
  $('.Ifrom2').hide();
 }
 }); 
});

追问

太感谢了，有个小bug,可以看下吗，我补充了下问题，

追答

你是绑定的select标签的onchange事件，如果select标签本来选中的就是“表单2”那么你再选择“表单2”是不会触发onchange事件的，因为你没有改变值。