Solamente es cuestión de que recorras las opciones del combo y las compares con el valor escrito en la caja, si hay alguna coincidencia, le das la selección a la opción coincidente.
Código Javascript
:
Ver originalvar combo = document.getElementById("combo"),
boton = document.getElementById("agregar");
boton.addEventListener("click", function(){
var valorCaja = document.getElementById("caja").value;
for (i = 0, limite = combo.options.length; i < limite; i++){
if (valorCaja == combo.options[i].innerHTML){
combo.options[i].selected = true;
break;
}
}
}, false);
Con el método
addEventListener, le añado funcionalidad al evento
click para que cada vez que se le de un clic al botón, se ejecute la función que puedes ver, en la cual se toma el valor de la caja, se recorren las opciones del combo y en cada iteración, se verifica si el valor escrito en la caja, coincide con alguna de las opciones. El
break lo uso para salir del bucle una vez que se encuentre la coincidencia, para que así no se siga buscando pues ya se ha encontrado lo que se quería.
El resultado se ve así:
http://jsbin.com/eTItIJE/1
Saludos