Buenas compañeros del foro. Tengo la siguiente consulta.
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';
if(isset($_POST["myid"])) {
$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<span class="colores"><--- CON ESTO SI DA EL COLOR</span> <input type="text" name="nombres" id='nombres' class="mycolor myclass">
Código Javascript
:
Ver original<script>
document.querySelector(".myclass").addEventListener("input", (event) => {
document.querySelector(".mycolor").style.backgroundColor = event.target.value === "0" ? "#FFFFFF" : "#000000";
});
</script>