我知道如何检查是否选择了该选项,并且满足以下条件,但是我必须刷新页面以应用更改。
这是我的代码:
$(function (){
var select = $("div.form-group:nth-of-type(2)");
if ($("#id_issue_type option:selected").val() === "other"){
select.show();
}
else {
select.hide();
}
});
问题是我必须刷新页面,我想在选择选项后直接应用更改。我的目的是根据所选择的值隐藏和显示字段。
谢谢。
答案 0 :(得分:2)
您可以使用change事件进行下拉,如下所示:
$( ".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>