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...

[mogurbon]

a ver si te entendi , lo que quieres es que cuando eligas un dato te aparezca un text con determinada info vea?

independientemente de con la tecnología que lo quieras hacer para ajax ,la onda va por el mesmo lado, cuando selecciones el dato de tu select deberas hacer una peticion por ajax que te regrese un textbox ya con los datos que necesitas ese textt box lo deberas escribir dentro de algun otro contenedor por ejemplo un div , al cual le pondras en la propiedad innerHtml el textbox

[jandrogdz]

Gracias por contestar mogurbon.
No a lo mejor no me explique bien, lo que quiero es sustituir ese select por un textbox que en vez de usar un lista quisiera utilizar un textbox que tengo con autocomplete esto por la razon de que una lista puede aumentar a mas de 1000 registros y de l aotra forma tengo mejor control sobre los datos.

Espero haberme explicad bien...

[mogurbon]

pero no todo en un solo text vea ? o si?

si son varios va por la misma onda generaras varios text que meteras en un div con innerHtml , conviene que el valor de estos texts los pongas como name=mitexto[] para que se mas facil manejarlos

[jandrogdz]

A lo mejor sigo sin entenderme.

Quiero que en vez de hacer una seleccion de un select yo pueda escribir el nombre del usuario.

Osea que el codigo quedara algo asi:

Código HTML:

<input type="text" name="name" id="name" onchange="javascipt:obten_datos(this,'nombre','ap_pat','ap_mat','correo');">
 

[mogurbon]

a ya te entendi un autocomplete

http://docs.jquery.com/Plugins/Autocomplete
http://blog.rarecore.eu/autocompleter-using-xajax.html

ahi unas ligas la idea es que en el onkeypress vaya mandando peticiones a php

del tipo select where dato like %laletraque metieron%

con un div sobrepuesto en el textbox ira dibujando lo que obtenga de la base de datos

[jandrogdz]

Men ya tengo el autocomplete.
Sigues sin entenderme quiero que el valor que se manda sea de un textbox pero no se como cachar ese valor cuando viene de un textbox, logre cacharlo con un select pero la idea es que sea con un textbox en esta parte del codigo.

Código Javascript:

//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;
                        }
            });     
        }
    }
 

pienso que puede ser
arrastre = document.getElementById(arrastre);
if(arrastre.value != "")
data: {valor: arrastre.value},

[mogurbon]

sta bien no te emplutes

veo esto

Código Javascript:

data: {valor: arrastre.options[arrastre.selectedIndex].value}
 

a ver pruebale asi

Código Javascript:

document.getElementById("idtexto").value
 

[jandrogdz]

No men ya lo probe asi y no m funcion no carga los datos solo se borran

[mogurbon]

a ver con en metodo val

http://api.jquery.com/val/
http://stackoverflow.com/questions/4...x-using-jquery

nos obtiene de un textbox el valor

[rhapsodyred]

Estimado jandrogdz, quería saber si pudiste solucionar tu inconveniente ya que yo necesito hacer lo mismo, en vez de utilizar un select para autocompletar necesito hacerlo mediante un inpun text, pero no se como realizarlo. Te agradecería muchisimo si me apoyas.

Saludos, Gracias