hola comunidad esper me puedan ayudar Tengo que llenar un select con mi tabla de datos: esta tabla de datos es producto. En esta tabla tengo nombre, contactoA y domicilio. 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('domicilio');
var elNombre = document.getElementById('contactoA');
/* Asignamos cada dato a su input*/
elCodigo.value = mData.domicilio;
elNombre.value = mData.contactoa;
};
</script>
<?php
$html="";
if ($productos5) {
$html.="<select class=\"form-control\" name=\"ONombre\" id=\"colaboradores\" onchange=\"function()\" style=\"width: 100%;\">";
$html.="<option value=\"\" data-domicilio=\"\" data-contactoa=\"\" selected>--Seleccione item--</option>";
#Aquí declaramos que cada fila se llamará $f
foreach($productos5 as $f){
$data="data-domicilio=\"{$f->domicilio}\" data-contactoa=\"{$f->contactoA}\"";
$ref=$f->nobreComercial;
$html.="<option value=\"$ref\" $data>$ref</option>";
}
$html.="</select>";
} else {
$html.="<p>No hay filas. Revisa la consulta</p>";
}
echo $html;
?>
</select>
<input id="domicilio" type="text" placeholder="domicilio" />
<input id="contactoA" type="text" placeholder="contacto" />
data-contactoA
pues parece que no le gustan las mayúsculas en los data-, asi que ponlo en minúsculas en ambos sitios (es decir, en eldata-contactoA
y en elmData.contactoA
)echo $html;
y quizás no lo encuentra y no actuaecho $html;
) y te funcionará. El problema es que cuando haces losgetElementById
dichos elementos aun no estan en el DOM y no los encuentra y aunque los pintes después ya no los busca de nuevo.