Cambiar select por un textbox

[jandrogdz]

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:

<script>
    
    //funcion que limpia los demas campos
    function LimpiarInput(destino,destino2)
    {
        destino.value="";   
    }
    //funcion que llena los datos 
    function LlenarDatos(text,destino,destino2,destino3,destino4)
    {
        //alert(''+text);
        var datos = text.split('|'); //dividimos los datos para colocarlos en el lugar correcto     
        destino.value = datos[0];
        destino2.value = datos[1];
        destino3.value = datos[2];
        destino4.value = datos[3];
    }
    
    //fucion con la cual obtenemos  los datos 
    function obten_datos(arrastre,destino,destino2,destino3,destino4)
    {
        
        //alert("arrastre: "+arrastre+" destino: "+destino+" destino2: "+destino2+" destino3: "+destino3);
        destino = document.getElementById(destino);
        destino2 = document.getElementById(destino2);
        destino3 = document.getElementById(destino3);
        destino4 = document.getElementById(destino4);
 
        LimpiarInput(destino);
        LimpiarInput(destino2);
        LimpiarInput(destino3);
        LimpiarInput(destino4);
        
        if(arrastre.options[arrastre.selectedIndex].value != 0)
        {
            arrastre.disabled = true;
            destino.disabled = true;
            destino.value = 'Cargando Nombre....';
            destino2.disabled = true;
            destino2.value = 'Cargando ap paterno....';
            destino3.disabled = true;
            destino3.value = 'Cargando ap materno....';
            destino4.disabled = true;
            destino4.value = 'Cargando correo....';
            
            $.ajax({
                type: 'get',
                dataType: 'text',
                url: 'obtenerdatos.php',
                data: {valor: arrastre.options[arrastre.selectedIndex].value},
                success: function(text){
                    LlenarDatos(text,destino,destino2,destino3,destino4);
                    arrastre.disabled = false;
                    
                    destino.disabled = true;
                    destino.readOnly = true;
                    
                    destino2.disabled = true;
                    destino2.readOnly = true;
                    
                    destino3.disabled = true;
                    destino3.readOnly = true;
                    
                    destino4.disabled = true;
                    destino4.readOnly = true;
                        }
            });     
        }
    }
</script>
 

y asi cargo los datos:

Código PHP:

<select name="name" id="name" onchange="javascipt:obten_datos(this,'nombre','ap_pat','ap_mat','correo');">
          <option value="0">elige</option>
          <?php
            // creamos las opciones del select
            $connection = new DBConnection();
            if($objectoUsuario = $connection->recordsList("SELECT usuarioID, nombre, ap_pat FROM Usuario"))
            {
            foreach($objectoUsuario as $objeto)
                {
                ?>
                    <option value="<?php echo $objeto->usuarioID; ?>"> <?php echo $objeto->nombre." ".$objeto->ap_pat; ?></option>   
                <?php
                }
            }
          ?>        
        </select>
 

espero m puedan ayudar...