Javascript 使用jquery仅显示表单中选定的当前选项

我对jquery非常陌生

这是我的密码

<script>
$(document).ready(function(){
    $('#bashing_title').change(function(){
        if($(this).val() == 1)
        $('#1').show();
        else if($(this).val() == 2)
        $('#2').show();
        else if($(this).val() == 3)
        $('#3').show();
        else if($(this).val() == 4)
        $('#4').show();
        else if($(this).val() == 5)
        $('#5').show();
        else if($(this).val() == 6)
        $('#6').show();
        else if($(this).val() == 7)
        $('#7').show();
        else if($(this).val() == 8)
        $('#8').show();
        else if($(this).val() == 9)
        $('#9').show();

        else
        $('#1').hide();
    });
});

</script>

$（文档）.ready（函数（）{
$（'#bashing_title'）。更改（函数（）{
if（$（this）.val（）==1）
$（'#1'）.show（）；
else if（$（this）.val（）==2）
$（'#2'）.show（）；
else if（$（this）.val（）==3）
$（'#3'）.show（）；
else if（$（this）.val（）==4）
$（'#4'）.show（）；
else if（$（this）.val（）==5）
$（'#5'）.show（）；
else if（$（this）.val（）==6）
$（'#6'）.show（）；
else if（$（this）.val（）==7）
$（'#7'）.show（）；
else if（$（this）.val（）==8）
$（'#8'）.show（）；
else if（$（this）.val（）==9）
$（'#9'）.show（）；
其他的
$（'#1'）.hide（）；
});
});

我想做的是，如果值是

1

它会显示一个特定的文本框，如果是2，则显示另一个文本框，依此类推。但是在这里，如果用户首先选择了值为

1

的选项，然后用户选择了

2

，则不会隐藏该选项

---

如何隐藏上一个值并仅显示当前选择的值给所有输入一个类，您可以将代码缩短为以下内容（示例类名为：

selectInput

$('#bashing_title').change(function(){
    $(".selectInput").hide();
    $("#"+this.value).show();
});

输入的HTML（遵循此样式）

---

我认为这应该适合你

$('#bashing_title').change(function(){
    var selectvalue = $('#bashing_title').find(":selected").val();
    $('#'+selectvalue).show();
    });

---

确保您验证了答案：）如果您发现它令人满意。您能告诉我当我有不同的ID时如何编写jquery吗，例如

“选择原因”

或

标题1或
“标题2”
？小心，所选选项中的文本可能与实际值不同。这不是一种非常干净的获取值的方法，而且你没有隐藏之前的选择，这才是真正的问题。哦，我明白了，所以这让我的答案毫无用处^^很高兴你找到了正确的答案。
$('#bashing_title').change(function(){
    var selectvalue = $('#bashing_title').find(":selected").val();
    $('#'+selectvalue).show();
    });