Javascript 如何在选择下拉值的基础上显示固定静态选项字段

我试图在下面代码中显示两个下拉字段，一个是rat，另一个是cat，当我选择cat时，显示四个文本字段，当我选择时，显示两个文本字段

但在我的代码中，发生了什么，我尝试在选择cat时，四个字段显示为level，在选择rat时，两个字段显示为level

我想做的是，当我选择rat时，两个字段显示出来，没有任何空间

但在我的代码中，当我选择rat时，两个fied被显示，但在空间中出现，如果没有空间，我们怎么能做到这一点呢

是否有任何帮助检查我下面的代码

jQuery（文档）.ready（函数（）{
jQuery（“.carm3”）.change（函数（）{
if（jQuery（this）.val（）='other'）{
jQuery（'input[name=other_interest]'）。show（）；
}否则{
jQuery（'input[name=other_interest]'）。hide（）；
}
});
});
jQuery（文档）.ready（函数（）{
jQuery（“.carm3”）.change（函数（）{
if（jQuery（this）.val（）='r'）{
jQuery（'input[name=oth]'）。show（）；
}否则{
jQuery（'input[name=oth]'）。hide（）；
}
});
});

选择
猫
老鼠



















试试这个：

<div id='cat'>
<input type="text" name="other_interest" />
<input type="text" name="other_interest" />
<input type="text" name="other_interest"  />
<input type="text" name="other_interest" />
 <input type="text" name="other_interest" />
 
 </div>
<div id='rat'> 
<input type="text" name="oth" />
 <input type="text" name="oth" />
</div>

css:

如果需要，也将其隐藏在init中这是因为当
显示：none
时，

标记仍然保留，因为只有
被隐藏

将您的输入包装在
中，将它们分成组（如my html），在jquery代码中，不要参考
标记，而是使用
.cats
和
.rat
类别进行div


jQuery（文档）.ready（函数（）{
jQuery（“.carm3”）.change（函数（）{
if（jQuery（this）.val（）=“其他”）{
jQuery（“.cat”）.show（）；
jQuery（“.rat”）.hide（）；
}else if（jQuery（this）.val（）=“r”）{
jQuery（“.rat”）.show（）；
jQuery（“.cat”）.hide（）；
}否则{
jQuery（“.rat”）.hide（）；
jQuery（“.cat”）.hide（）；
}
});
});

选择
猫
老鼠
























我无法理解您是否可以编辑我的代码并告诉我是否可以？？
$('.carm3').onChange(function(e) {
$('#cat').hide();
$('#rat').hide();
if(this.value == 'rat'){ 
$('#rat').show();
}
if(this.value == 'cat'){ 
$('#cat').show();
}
}

 input {
display:'block'
}