Jquery和php選擇選項

我正在嘗試執行 jquery 選擇選項，如果選擇值不等于 3，則禁用該按鈕，如果是 3，則啟用它，但我的問題是，如果我在代碼中放置了一個類似注釋的選項（ Seleccionar Turno-->)，它沒有進行更改，我該如何改進我的代碼？

HTML

<form role="form" id="formcaja" name="formcaja" method="post" action="" onsubmit="return revisadatos()" >
                    <div class="card-body">
                        <div class="form-group">
                          <label for="fecha_cierre" class="control-label col-sm-6">Fecha de Cierre</label>
                          <input id="fecha_cierre" name="fecha_cierre" type="text" value="<?php echo date("d/m/Y H:i:s"); ?>"  style=" width:350px" readonly="readonly" >
                          <label for="turno" class="control-label col-sm-6">Caja</label>
                          <input id="cajaID" name="cajaID" type="text" value="<?php echo $data3["id"]; ?>"  style=" width:350px" readonly="readonly" >
                        </div>
                        <div class="form-group">
                            <label for="monto_cierre" class="control-label col-sm-6">Monto Actual</label>
                                  <div class="input-group  mb-3"style=" width: 30%">
                                      <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroup-sizing-sm">$</span>
                                      </div>
                                      <input name="monto_cierre" id="monto_cierre" type="text" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm" value="<?php echo number_format($data["gtotal"], 2);?>" readonly="readonly"/>    
                                  </div>
                        </div>
                        <div class="form-group">
                            <label>Turno a Cerrar</label>
                            <div class="col-xs-2">
                                <select class="form-control" name="turnoID" id="turnoID">
                                    <!--<option>Seleccionar Turno</option>-->
                                    <?php
                                    while ($row = mysqli_fetch_array($resb)) {
                                        echo "<option value='".$row['id']."'>".$row['desc_turno']."</option>";
                                    }
                                    ?>
                                </select>
                            </div>
                        </div>
                        <label for="usuarioID" class="control-label col-sm-2">Elaboró</label>
                                <div class="col-sm-4">
                                    <input name="usuarioID" id="usuarioID" type="text" class="form-control" placeholder="Elaboró" value="<?php echo $_SESSION['username']; ?>" readonly />
                                </div>  
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                      <button type="submit" class="btn btn-primary" value="turno">Cerrar Turno</button>
                      <button type="submit" class="btn btn-danger" value="cierre" id="cierrecaja">Cerrar Caja</button>
                    </div>
                  </form>

JS

$(document).ready(function(){
    var opcion = $("#turnoID").val();
    console.log(opcion) //This is for see in the console what it is happening
    if (opcion != "3") {
        $("#cierrecaja").attr('disabled','disabled')
    }
    $("#turnoID").change(function () {
        if ($(this).val() != "3") {
            $("#cierrecaja").attr('disabled','disabled')
        } else {
            $("#cierrecaja").attr('enabled','enabled')
        }
    });    
});

uj5u.com熱心網友回復：

嘗試使用以下代碼(JS) removeAttr("disabled"); 插入啟用

$(document).ready(function(){
    var opcion = $("#turnoID").val();
    console.log(opcion) //This is for see in the console what it is happening
    if (opcion != "3") {
        $("#cierrecaja").attr('disabled','disabled')
    }
    $("#turnoID").change(function () {
        if ($(this).val() != "3") {
            $("#cierrecaja").attr('disabled','disabled')
        } else {
            $("#cierrecaja").removeAttr("disabled");
        }
    });    
}); 

標籤：查询

上一篇：使用jQuery將超鏈接添加到WordPress手風琴標題

下一篇：如何將2個div的html內容與JQuery進行比較？