-2

Estoy desarrollando un crud en php, con ajax y js

Cuándo doy de alta un registro en el modal correspondiente, tengo dos select en el cual indico la categoría a la que pertenece el cuál almacena en la tabla la opción seleccionada.

Mi problema viene cuando quiero editar algún registro el select si me trae la información correspondiente, pero en mi select se duplica la información. ¿Cómo debo hacer para que, al editar el registro, el select muestre Las opciones correspondiente, sin que se repita? Espero puedan entenderme, les comparto el código donde hago el proceso de editar, y capturas de pantalla. Cabe a destacar que la recuperación de cuadrilla lo realizo con un attr selected

//Editar
    $(document).on("click", ".btnEditar", function () {
        opcion = 2;//editar
        fila = $(this).closest("tr");
        id = parseInt(fila.find('td:eq(0)').text()); //capturo el ID                    
        folio = fila.find('td:eq(1)').text();
        nombre = fila.find('td:eq(2)').text();
        apellido = fila.find('td:eq(3)').text();
        direccion = fila.find('td:eq(4)').text();
        descripcion_domicilio = fila.find('td:eq(5)').text();
        telefono = fila.find('td:eq(6)').text();
        num_contrato = fila.find('td:eq(7)').text();
        fecha_inicio = fila.find('td:eq(8)').text();
        fecha_final = fila.find('td:eq(9)').text();
        cuadrilla = fila.find('td:eq(10)').text();
        estatus = fila.find('td:eq(11)').text();
        observaciones = fila.find('td:eq(12)').text();
        encargado_cuadrilla = fila.find('td:eq(13)').text();
        otra_descripcion = fila.find('td:eq(14)').text();
        $("#folio").val(folio);
        $("#nombre").val(nombre);
        $("#apellido").val(apellido);
        $("#direccion").val(direccion);
        $("#descripcion_domicilio").val(descripcion_domicilio);
        $("#telefono").val(telefono);
        $("#num_contrato").val(num_contrato);
        $("#fecha_inicio").val(fecha_inicio);
        $("#fecha_final").val(fecha_final);
        $("#cuadrilla option").text(cuadrilla).attr('selected', '')
        $("#estatus option").text(estatus).attr('selected', '')
        $("#observaciones").val(observaciones);
        $("#encargado_cuadrilla").val(encargado_cuadrilla);
        $("#otra_descripcion").val(otra_descripcion);
        $(".modal-header").css("background-color", "#007bff");
        $(".modal-header").css("color", "white");
        $(".modal-title").text("Editar Reporte");
        $('#modalCRUD').modal('show');
    });

Aquí muestro mi selec que muestro al momento de dar de alta un registro en mi modal

<div class="form-group">
                                <label for="" class="col-form-label">Cuadrilla</label>
                                <select name = "cuadrilla" id="cuadrilla" class="form-control" required>
                                    <option selected>Seleccione una opción</option>
                                    <option value="1">Operación ciudad</option>
                                    <option value="2">Operación megasistema</option>
                                    <option value="3">Drenajes</option>
                                    <option value="4">Tomas tapadas</option>
                                    <option value="5">Cloracion</option>
                                    <option value="5">Bacheo</option>
                                </select>
                            </div>

Aquí muestro capturas, de como me repite el registro obtenido desde la base de datos. Registros duplicados

Cuando al presionar el botón editar me tiene que aparecer, estas opciones y no repetidas. Selected correcto

1
  • Hola. Tu pregunta no se entiende. Pon un Ejemplo Mínimo y Verificable que incluya el HTML. Con código incompleto y sin explicar con claridad el contexto es difícil ver el problema. Pulsa en editar para completar la pregunta.
    – A. Cedano
    Commented el 2 may. 2022 a las 11:05

1 respuesta 1

-1

Solucionado

$("#cuadrilla option:contains(" + cuadrilla + ")").attr('selected', '');

1
  • 1
    Gracias por tu contribución, te sugerimos revisar Cómo responder, edita tu respuesta, saludos.
    – Jorgesys
    Commented el 10 may. 2022 a las 17:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.