tengo una tabla llamada COLABORADOR con campos ID, CODIGO, NOMBRE Y DNI, deseo que al seleccionar el nombre de cada colaborador que se muestre en el combobox, me muestre los datos de CODIGO, DNI en los campos de texto, de acuerdo a la seleccion que se haga en el combobox (SELECT).
Acá dejo el codigo, ya tengo llenada el combobox con los datos de los colaboradores.
Gracias de antemano, un saludo.
EDITO:
Investigando como podría realizarlo, me tope con el siguiente código Javascript, pero solo me muestra el valor que pongo en el VALUE del OPTION en el SELECT, por lo que solo muestra el ID de mi tabla de mi base de datos. Pero yo deseo que adicional a eso me muestre los demas datos de los campos de la tabla colaborador que tengo en mi base de datos.
El nombre de mi base de datos es: asistencia Tiene una tabla llamada colaborador Y en esa tabla tiene los siguientes campos: id_colaborador, codigo, nombre, dni
<!DOCTYPE html>
<html>
<head>
<title>Demo de menú desplegable</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript">
function mostrar() {
var colaborador= document.getElementById("colaborador"),
codigo = document.getElementById("codigo");
codigo.value = colaborador.value;
}
</script>
<div align="center">
<select id="colaborador" name="colaborador" onchange="mostrar()">
<option value="">Seleccione:</option>
<?php
$query = $conn -> query ("SELECT * FROM colaborador");
while ($valores = mysqli_fetch_array($query)) {
echo '<option value="'.$valores[codigo].' ">'.$valores[nombre].'</option>';
}
?>
</select>
<br> <br> <br> <br> <br> <br>
CODIGO: <input type="text" name="codigo" id="codigo">
<br> <br>
DNI: <input type="text" name="dni" id="dni">
</div>
</body>
</html>
Alguna ayuda? Hasta ahora solo he podido mostrar el ID de cada colaborador en un campo de texto..
option
los campos input se actualicen? ¿Con qué datos?SELECT
de la base de datos, y cuando creas los option usas atributos data- para poner los valores de cada caso.