php 根据选择显示输入字段

nwlqm0z1  于 2023-01-29  发布在  PHP
关注(0)|答案(2)|浏览(110)

我想,当我选择选择“拒绝”,一个输入字段立即打开,如果我选择其他东西选择其他东西,这个输入字段再次关闭。

<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>
uwopmtnx

uwopmtnx1#

您可以这样做,检查选择id的值,而不仅仅是拒绝选项的id

$(function () {
        $("select[name='order_status']").change(function () {
            if ($("#order_status").val()=="reject") {
              $("#showDiv").css("display","inline");
            } else {
              $("#showDiv").css("display","none");
            }
        });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>
ddrv8njm

ddrv8njm2#

如果你有id属性,使用id选择器,然后检查select的(this keyword)值。不要使用click but change处理程序:

$("#order_status").change(function () {
    if (this.value === "reject") {
       $("#showDiv").show();
    } else {
       $("#showDiv").hide();
    }
});

相关问题