时间戳

首页 > 解决方案 > Jquery 和 php 选择选项

jquery - Jquery 和 php 选择选项

问题描述

我正在尝试做一个 jquery 选择选项，如果选择值不等于三，则禁用按钮，如果是三，则启用它，但我的问题是，如果我在我的代码中放置一个类似于注释的选项（ 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"); ?>" class="form-control" 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"]; ?>" class="form-control" 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')
        }
    });    
});

标签： jquery

解决方案

尝试使用以下代码（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");
        }
    });    
});

推荐阅读