0

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.

use este

          <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" />
7
  • Veo que ya has mejorado un poco, ya te has dado cuenta del id distinto :-) Otra pista... no uses 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 el data-contactoA y en el mData.contactoA)
    – masterguru
    el 15 nov. 2022 a las 1:12
  • ya edito codigo pero sigue sin darme el dato en input
    – Maria
    el 15 nov. 2022 a las 1:21
  • Pues ya casi lo tienes... mira mi ejemplo en este enlace y compara con lo que tu tengas (por cierto, te sobra un </select> pero no creo que sea determinante para que no te funcione)
    – masterguru
    el 15 nov. 2022 a las 1:22
  • ¿que? nada aun? que no sea el orden en que pones los elementos, pues estas poniendo antes el script que el echo $html; y quizás no lo encuentra y no actua
    – masterguru
    el 15 nov. 2022 a las 1:30
  • 1
    Efectivamente es el orden, lo acabo de comprobar. Pon todo lo que está dentro de <script></script> al final del archivo (o después del echo $html;) y te funcionará. El problema es que cuando haces los getElementById dichos elementos aun no estan en el DOM y no los encuentra y aunque los pintes después ya no los busca de nuevo.
    – masterguru
    el 15 nov. 2022 a las 1:37

0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

Examina otras preguntas con la etiqueta o formula tu propia pregunta.