traer valores a mi TextBox Cuando ComboBox Cambia desde base de datos

kass_mad · #1 (**permalink**) 03/12/2014, 22:40

Hola a todos los del foro, necesito un poco de ayuda para realizar esto: La idea es que al seleccionar los items del combobox (imagínense desde una base de datos de mysql) se muestren estos valores en unas cajas de textos. he buscado por la red algunos códigos y no han resultado del todo.

Tengo este ejemplo pero al implementarlo con mas cajas de textos solo trae la primera información de combo y no el resto. Podrian ayudarme? se entiende la idea?

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Documento sin título</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
      jQuery(document).ready(function($) { 
        // Change es un evento que se ejecuta cada vez que se cambia el valor de un elemento (input, select, etc). 
        $('#milista').change(function(e) { 
          $('#micampoTXTO').val($(this).val()); 
        }); 
      }); 
  </head> 
  <body> 
    <select name="milista" id="milista"> 
      <option value="1">ROSAS</option> 
      <option value="2">MARGARITAS</option> 
      <option value="3">LIRIOS</option> 
      <option value="4">ORQUIDEAS</option> 
    </select> 
    <label for="MicampoTXTO"></label> 
    <input type="text" name="MicampoTXTO" id="MicampoTXTO" /> 
  </body> 
</html>

muchas gracias desde ya

GeekGirl · #2 (**permalink**) 04/12/2014, 05:45

El código está bien! Simplemente cometiste un error de mayúsculas al llamar al id:

Donde dice:

Código Javascript:

Ver original$('#micampoTXTO').val($(this).val());

Debería decir:

Código Javascript:

Ver original$('#MicampoTXTO').val($(this).val());

Y fijate que falta el cierre del segundo tag <script>, justo antes del cierre del <head>

Saludos :)

kass_mad · #3 (**permalink**) 05/12/2014, 07:51

gracias por responder, esta corregido y funciona, la pregunta es si tengo mas campos de textos como puedo incorporarlos en la función para que al elegir desde el combobox un ítem me muestre en las cajas de texto toda la información de este ítem , ya que con este código solo tengo una caja de texto

saludos y gracias