Question

我使用的代码效果很好：

<select name="problemtype" class="survey_input" id="problemtype">
    <option value="financial">financial</option>
    <option value="legal">legal</option>
</select>

<script type="text/javascript">
    $("#problemtype").click(function(){
        $(".for_rate").show();
    });
</script>

但是我想在select选项上使用相同的代码，如下面提到的代码。这不起作用

<select name="problemtype" class="survey_input">
    <option value="financial" id="problemtype">financial</option>
    <option value="legal">legal</option>
</select>

<script type="text/javascript">
    $("#problemtype").click(function(){
        $(".for_rate").show();
    });
</script>

Answer 1

在您的问题之间进行阅读，您要尝试实现的是.for_rate元素仅在选择financial选项时显示。

如果是这种情况，您需要挂钩change的{{1}}事件并检查所选的select。试试这个：

val()

$("#problemtype").change(function() {
  $(".for_rate").toggle($(this).val() == 'financial');
});

Answer 2

$("#problemtype")选择ID为#problemtype的元素。使用$(".survey_input[name='problemtype']")选择类survey_input和名称problemtype

的元素

Answer 3

在你的第二个函数中，你在id（usind＃）上调用，所以你基本上都在调用这一行 <option value="financial" id="problemtype">financial</option>

如果您想要调用select，请为其提供id而不是选项或将调用更改为

<script type="text/javascript">
    $("[name~='problemtype']").click(function(){
        $(".for_rate").show();
    });
</script>

想在选择选项上使用它

3 个答案: