javascript - jQuery 不显示表单字段

Question

我有下面的 jQuery 脚本

<script>
$(document).ready(function(){
    $('#bashing_title').change(function(){
        $(".selectInput").hide();
        $("#"this.value).show();
    });
});

</script>

假设在选择下拉菜单时显示一个表单域。但它不是。我猜它可能是因为生成的 html 是

<option value="Title 1" value="1">Title 1</option>

但是如果我把上面的 jquery 代码改成这个

<script>
$(document).ready(function(){
    $('#bashing_title').change(function(){
        $(".selectInput").hide();
        $("#1").show();
    });
});

</script>

它有效。 但我有大约 10 个不同的选项 ID。我该如何解决？

我希望我说得有道理

Answer 1

改变

$("#"this.value).show();

到

$("#"+this.value).show();

并删除重复的value属性，即改变

<option value="Title 1" value="1">Title 1</option>

到

<option value="1">Title 1</option>