[SOLUCIONADO] Como actualizar una lista desplegable según el codigo ingresado en un input

[buji]

Hola Foro.

Les dejo una consulta, tengo un formulario donde tengo un input (código de cliente) y luego una lista desplegable donde tengo los nombres de los clientes.

Si selecciono el cliente desde la lista desplegable puedo actualizar -mediante javascript- el código de cliente en el primer campo que era el input (esto lo hago porque tomo el código del select).

Ahora bien, como puedo hacer que cuando ingrese un código de cliente en el input y pulse enter se actualice automáticamente el nombre del cliente según el código ingresado.

Es decir, si ingreso por ejemplo 10 (como código de cliente) la lista desplegable se actualize al nombre del cliente que se corresponda con el código 10?

Muchas Gracias.

Saludos.

[alvaro_trewhela]

Simplemente usa el evento onchange e intercambias valores

Código Javascript:

function shareValue(fromID, toID){
document.getElementById(toID).value = document.getElementById(fromID).value;
}
 

[buji]

Alvaro, gracias por tu respuesta. Tengo algo asi pero para mostrar el código del cliente luego de seleccionar su nombre.

Pero no entiendo como hacer para actualizar la lista desplegable y mostrar su nombre luego de ingresar un código?

Perdón pero no entiendo lo que me indicabas?

:(

Saludos.

[alvaro_trewhela]

Supongo que tienes un select de este modo

Código Javascript:

<select>
    <option value="codigo1">Nombre1</option>
    <option value="codigo2">Nombre2</option>
    ..
    <option value="codigoN-1">NombreN-1</option>
    <option value="codigoN">NombreN</option>
<select>
 

Si no tienes tu select así no se que estas haciendo

Edito, solo basta con hacer esto

Código HTML:

<input onchange="shareValue(this.id, 'theSelect');" />
<select id="theSelect"> OPTS HERE... </select>
 

P.S: Si el select es de ese modo, solo falta validar que exista la opcion:

Código Javascript:

function shareValue2Select(fromID, toID){
var f =  document.getElementById(fromID);
var t =  document.getElementById(toID);
 
var opts = t.getElementsByTagName("option");
var found = false;
 
    for(var k=0;k<opts.length;k++){
        if(opts[k].value == f.value){
        found = true;
        break;
        }
    }
 
    if(found){
    t.value = f.value;
    }
    else{
    //to do if !found
    }
}
 

[buji]

Alvaro, buen dìa.

Excelente lo que me pasas. La verdad no sabía que podría hacerse con javascript!

Ya está funcionando!

Te mando un abrazo!