Tengo que llenar un select con mi tabla de datos: esta tabla de datos es producto2. En esta tabla tengo nombre, rcf y estado. Al aplicar el siguiente código me muestra los datos en mi select pero nollena los input.
<script>
document.getElementById('colaboradores').onchange = function() {
/* Referencia al option seleccionado */
var mOption = this.options[this.selectedIndex];
/* Referencia a los atributos data de la opción seleccionada */
var mData = mOption.dataset;
/* Referencia a los input */
var elCodigo = document.getElementById('rfc');
var elNombre = document.getElementById('estado');
/* Asignamos cada dato a su input*/
elCodigo.value = mData.rfc;
elDni.value = mData.estado;
};
</script>
<?php
$html="";
if ($productos2) {
$html.="<select class=\"form-control\" name=\"ONombre\" id=\"opciones\" onchange=\"function()\" style=\"width: 100%;\">";
$html.="<option value=\"\" data-rfc=\"\" data-estado=\"\" selected>--Seleccione item--</option>";
#Aquí declaramos que cada fila se llamará $f
foreach($productos2 as $f){
$data="data-rfc=\"{$f->rfc}\" data-estado=\"{$f->estado}\"";
$ref=$f->Empresa;
$html.="<option value=\"$ref\" $data>$ref</option>";
}
$html.="</select>";
} else {
$html.="<p>No hay filas. Revisa la consulta</p>";
}
echo $html;
?>
</select>
<input id="rfc" type="text" placeholder="rfc" />
<input id="estado" type="text" placeholder="estado" />