Al momento de editar no logro traer el color de fondo, del Db, en los input si lo traigo con class dentro de: <span></span> si obtengo el color.
Como puedo obtener el color de fondo, siendo "0" el valor de BLANCO, y cualquier otro valor numero, siendo el color NEGRO, la idea es traer el color del DB en un INPUT
Dejo el código que uso.
Código PHP:
Ver original
<?php include_once 'conn.php'; { $statement = $conn->prepare( "SELECT * FROM alumnos WHERE ids = '".$_POST["myid"]."' LIMIT 1" ); $statement->execute(); $result = $statement->fetchAll(); foreach($result as $row) { $output["nombres"] = $row["nombres"]; $output["colores"] = $row["colores"]; } } ?>
Código Javascript:
Ver original
<script> // Actualizar $(document).on("click", ".edit", function () { var myid = $(this).attr("id"); $.ajax({ url: "fetch.php", method: "POST", data: {myid: myid}, dataType: "json", success: function (data) { $("#myModal").modal("show"); $("#ids").val(data.ids); $("#nombres").val(data.nombres); /* Mostrar Nombres */ /*$(".colores").val(data.colores);*/ $(".colores").html("<span style='background-color:" + data.colores + ";'> " + data.colores + "</span>"); $(".modal-title").text("Editar"); $("#myids").val(myid); $("#proceeding").val("Guardar"); $("#operation").val("Edicion"); }, }); }); </script>
Código HTML:
Ver original
Código Javascript:
Ver original
<script> document.querySelector(".myclass").addEventListener("input", (event) => { document.querySelector(".mycolor").style.backgroundColor = event.target.value === "0" ? "#FFFFFF" : "#000000"; }); </script>