Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/11/2012, 12:17
Avatar de jandrogdz
jandrogdz
 
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 12 años, 8 meses
Puntos: 12
Pregunta Cambiar select por un textbox

Buenas foro

Tengo un problemilla con un codigo que me encontre por aki. Es para autorrellenar los input con un select pero quisiera que en vez de que fuera select fuese un textbox
pero no tengo ni la mas remota idea de como hacerlo alguien me podria ayudar.

Esto es lo que tengo como javascript:
Código Javascript:
Ver original
  1. <script>
  2.    
  3.     //funcion que limpia los demas campos
  4.     function LimpiarInput(destino,destino2)
  5.     {
  6.         destino.value="";  
  7.     }
  8.     //funcion que llena los datos
  9.     function LlenarDatos(text,destino,destino2,destino3,destino4)
  10.     {
  11.         //alert(''+text);
  12.         var datos = text.split('|'); //dividimos los datos para colocarlos en el lugar correcto    
  13.         destino.value = datos[0];
  14.         destino2.value = datos[1];
  15.         destino3.value = datos[2];
  16.         destino4.value = datos[3];
  17.     }
  18.    
  19.     //fucion con la cual obtenemos  los datos
  20.     function obten_datos(arrastre,destino,destino2,destino3,destino4)
  21.     {
  22.        
  23.         //alert("arrastre: "+arrastre+" destino: "+destino+" destino2: "+destino2+" destino3: "+destino3);
  24.         destino = document.getElementById(destino);
  25.         destino2 = document.getElementById(destino2);
  26.         destino3 = document.getElementById(destino3);
  27.         destino4 = document.getElementById(destino4);
  28.  
  29.         LimpiarInput(destino);
  30.         LimpiarInput(destino2);
  31.         LimpiarInput(destino3);
  32.         LimpiarInput(destino4);
  33.        
  34.         if(arrastre.options[arrastre.selectedIndex].value != 0)
  35.         {
  36.             arrastre.disabled = true;
  37.             destino.disabled = true;
  38.             destino.value = 'Cargando Nombre....';
  39.             destino2.disabled = true;
  40.             destino2.value = 'Cargando ap paterno....';
  41.             destino3.disabled = true;
  42.             destino3.value = 'Cargando ap materno....';
  43.             destino4.disabled = true;
  44.             destino4.value = 'Cargando correo....';
  45.            
  46.             $.ajax({
  47.                 type: 'get',
  48.                 dataType: 'text',
  49.                 url: 'obtenerdatos.php',
  50.                 data: {valor: arrastre.options[arrastre.selectedIndex].value},
  51.                 success: function(text){
  52.                     LlenarDatos(text,destino,destino2,destino3,destino4);
  53.                     arrastre.disabled = false;
  54.                    
  55.                     destino.disabled = true;
  56.                     destino.readOnly = true;
  57.                    
  58.                     destino2.disabled = true;
  59.                     destino2.readOnly = true;
  60.                    
  61.                     destino3.disabled = true;
  62.                     destino3.readOnly = true;
  63.                    
  64.                     destino4.disabled = true;
  65.                     destino4.readOnly = true;
  66.                         }
  67.             });    
  68.         }
  69.     }
  70. </script>

y asi cargo los datos:

Código PHP:
Ver original
  1. <select name="name" id="name" onchange="javascipt:obten_datos(this,'nombre','ap_pat','ap_mat','correo');">
  2.           <option value="0">elige</option>
  3.           <?php
  4.             // creamos las opciones del select
  5.             $connection = new DBConnection();
  6.             if($objectoUsuario = $connection->recordsList("SELECT usuarioID, nombre, ap_pat FROM Usuario"))
  7.             {
  8.             foreach($objectoUsuario as $objeto)
  9.                 {
  10.                 ?>
  11.                     <option value="<?php echo $objeto->usuarioID; ?>"> <?php echo $objeto->nombre." ".$objeto->ap_pat; ?></option>  
  12.                 <?php
  13.                 }
  14.             }
  15.           ?>        
  16.         </select>

espero m puedan ayudar...
__________________
Lo imposible solo cuesta un poco mas