检查选项是否被选中jQuery（在当前页面）

Question

我知道如何检查选项是否被选中以及以下条件是否有效，但我必须刷新页面才能应用更改。

这是我的代码：

$(function (){
        var select = $("div.form-group:nth-of-type(2)");

        if ($("#id_issue_type option:selected").val() === "other"){
            select.show();
        }

        else {
            select.hide();
        }

    });

问题是我必须刷新页面，我想在选择该选项后直接应用更改。我的目的是根据所选值隐藏和显示字段。

提前谢谢你。

Answer 1

您可以对下拉菜单使用更改事件，如下所示：

$( ".target" ).change(function() {
  alert( "Handler for .change() called." );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select class="target">
    <option value="option1" selected="selected">Option 1</option>
    <option value="option2">Option 2</option>
  </select>
</form>

检查选项是否被选中jQuery（在当前页面）

Check if option is selected jQuery (in the current page)

javascript

jquery

selected

conditional-statements