我想,当我选择选择“拒绝”,一个输入字段立即打开,如果我选择其他东西选择其他东西,这个输入字段再次关闭。
<div class="col-md-12 mb-12 mt-3">
<label for="order_status">status:</label>
<select class="form-select form-select" name="order_status" id="order_status">
<option value="">select</option>
<option value="accepted">accepted</option>
<option value="reject" id="rejectID">reject</option>
</select>
</div>
<div id="showDiv" style="display: none">
<input type="text" name="reject_commit">
</div>
<script>
$(function () {
$("select[name='order_status']").click(function () {
if ($("#rejectID").is("reject")) {
$("#showDiv").show();
} else {
$("#showDiv").hide();
}
});
});
</script>
2条答案
按热度按时间uwopmtnx1#
您可以这样做,检查选择id的值,而不仅仅是拒绝选项的id
ddrv8njm2#
如果你有id属性,使用id选择器,然后检查select的(this keyword)值。不要使用click but change处理程序: