combobox + asp + javascript

luis_016_1988 · #1 (**permalink**) 17/03/2012, 00:40

<html>
<head>
</head>
<body>
<script language="JavaScript">
function cambiarColor()
{
document.form1.text1.value = document.form1.select1.selectedIndex;
document.form1.text2.value =
document.form1.select1.options[document.form1.select1.selectedIndex].text;
document.form1.text3.value =
document.form1.select1.options [document.form1.select1.selectedIndex].value;
}
</script>
<form name="form1">
<select size="1" name="select1" ONCHANGE="cambiarColor()">
<option value="0xff0000">Rojo</option>
<option value="0x00ff00">Verde</option>
<option value="0x0000ff">Azul</option>
</select></p>
<br>
Número de índice seleccionado del objeto SELECT:<input type="text"
name="text1"><br>
Texto seleccionado:<input type="text" name="text2"><br>
Valor asociado:<input type="text" name="text3"><br>
</form>
</body>
</html>

Hola a todos, bueno ste ejem hace lo sgte al seleccionar una opcion del combo, en una de las cajas de texto me muestra el indice, en la otra el texto y en la ultima el valor, si selecciono Azul me muestra lo sgte:

Número de índice seleccionado del objeto SELECT: 3
Texto seleccionado: Azul
Valor asociado: 0x0000ff

hasta aki todo claro, ahora lo que kiero es lo contrario a ste ejemplo, al escribir en una caja de texto por ejemplo pongo el valor del azul 0x0000ff, kiero q me seleccione la opcion azul del combo, como puedo hacer tal vez con el metodo focus mmmm, bueno aver si me ayudan con ste codigo, gracias de antemano!!

Hexplore · #2 (**permalink**) 21/03/2012, 17:16

Buenas,

Yo probaría con el evento onchange igual que hiciste en el select (si la longitud no es la correcta que no haga nada) o con el evento onfocusout para cuando pierda el foco.

luis_016_1988 · #3 (**permalink**) 27/03/2012, 00:33

aki hay un ejemplo

<html>
<head>
<script type="text/javascript">
function setfocus()
{
document.forms[0].txt.select();
document.forms[0].txt.focus();

//document.form1.select1.selectedIndex = "1"
document.form1.select1.value = "2"
}
</script>
</head>
<body onLoad="setfocus()">
<form name="form1">
<select size="1" name="select1">
<option value="1">Rojo</option>
<option value="2">Verde</option>
<option value="3">Azul</option>
</select>
<input type="text" name="txt" size="30" value="¡Hola mundo!">
<input type="button" value="Selecciona texto" onclick="setfocus()">
</form>
</body>
</html>