cargar select a partir de input text

jhonjaider · #1 (**permalink**) 10/03/2013, 15:37

Hola.
tengo la siguiente duda.
Como podría crear un select a partir de un dato que tenga un input text.
Les explico mejor, si yo agrego digamos en el input text "valor 1" y hacer clic en un botón ese "valor 1" se pueda seleccionar en el select.
Gracias por la ayuda.

emprear · #2 (**permalink**) 10/03/2013, 17:04

Tenés que recorrer todas las opciones del select, y si el texto coincide con lo ingresado en el campo, darle a la propiedad selected el valor true.
Pero habría que ver un ejemplo en concreto que le dé sentido a eso. Ya que con el select de por si puede fijar una opción

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function seleccionar(){
var pos = 0;
var valor = document.getElementById('numero').value;
var sel = document.getElementById('opciones');
for(var i = 0; i < sel.options.length; i++){
if(sel.options[i].text == valor ){
pos = i;
}
}
sel.options[pos].selected = true;
}
//]]>
</script>
</head>
<body>
<form action="#">
<input type="text" value="" id="numero">
<input type="submit" onclick="seleccionar(); return false;" value="posicionar select" />
<select id="opciones">
<option value="valor_1">valor 1</option>
<option value="valor_2">valor 2</option>
<option value="valor_3">valor 3</option>
<option value="valor_4">valor 4</option>
</select>
</form>
</body>
</html>

Saludos