zafar de selectedIndex

dieguicho · #1 (**permalink**) 23/11/2004, 21:28

Hola muchach@s
alguien tiene idea de como marcar determinada opcion de un listmenu sin usar selected index?

en un popup tengo el value del option que quiero hacer selected
pero como es el value no puedo usar selectedindex
hay alguna manera de saber que selectedindex tiene determinado.. valor?

muchas gracias!!!!

KarlanKas · #2 (**permalink**) 24/11/2004, 02:58

Prueba con esto:

function seleccionar(valor){
s=document.forms['name del form']['name del select'];
c=s.options.length;
for(a=0;a<c;a++){
if(s.options[a].value==valor){
s.options[a].selected=true;
break;
}
}
}

al llamar a la funcion debes hacerlo mandando el value que quieres. Por ejemplo:

seleccionar("234");

KarlanKas · #3 (**permalink**) 24/11/2004, 03:05

Te pongo un ejemplo de como funciona:

Código HTML:

<html>
<head>
<style>
*{font:normal 10px/15px verdana;}
</style>
<script>
function seleccionar(valor){
s=document.forms['aa']['bb'];
c=s.options.length;
for(a=0;a<c;a++){
if(s.options[a].value==valor){
s.options[a].selected=true;
break;
}
}
}
</script>
	<title>Untitled</title>
</head>

<body>
<div  style="border:solid 1px black;width:250px;padding:20px;">
<form name="aa">
<select name="bb" size="1">
		<option value="1" >camisas</option>
		<option value="2">pantalones</option>
		<option value="3">sombreros</option>
		<option value="4">gabardinas</option>
		<option value="5">paraguas</option>
</select>

</form>
<form>Pon un valor del 1 al 5 que son los <br>values de las distintas opciones<br><br>
<input type="text" size="2" maxlength="1" name="cual"> 
<input type="button" onclick="seleccionar(this.form['cual'].value)" value="Pasar a dicho valor">
</form>
</div><br>

<div  style="border:solid 1px black;width:250px;padding:20px;">
También puedes seleccionarlo pinchando en estos enlaces:
<br>
<br>
<a href="#" onclick="seleccionar('1');return false;">Seleccionar Camisas</a><br>
<a href="#" onclick="seleccionar('2');return false;">Seleccionar Pantalones</a><br>
<a href="#" onclick="seleccionar('3');return false;">Seleccionar Sombreros</a><br>
<a href="#" onclick="seleccionar('4');return false;">Seleccionar Gabardinas</a><br>
<a href="#" onclick="seleccionar('5');return false;">Seleccionar Paraguas</a><br>
</div>

</body>
</html>

caricatos · #4 (**permalink**) 24/11/2004, 04:32

Hola dieguicho y KarlanKas:

Me parece que en la FAQ-195 hay una forma más sencilla

Saludos

dieguicho · #5 (**permalink**) 24/11/2004, 15:02

wauu es re raro ese script... yo crei que eso asignaba un value. pero en este caso...
selecciona una opcion, funciona esplendidamente.. pero... raro raro
gracias muchachos!

caricatos · #6 (**permalink**) 24/11/2004, 16:14

Cita:

Iniciado por dieguicho

wauu es re raro ese script... yo crei que eso asignaba un value. pero en este caso...
selecciona una opcion, funciona esplendidamente.. pero... raro raro
gracias muchachos!

Raro, raro... (supongo que hablas de la FAQ...

)

Es que al darle valores al select (value) es lo equivalente a seleccionar un item...

No me preguntes como lo descubrí, pero después de frotarme los ojos, lo probé en todos mis navegadores y siempre iba bien...

Justamente, en un tema totalmente distinto, aprendí de KarlanKas, que elementos que usamos solo para obtener datos, se los puede modificar asignándole nuevos datos (era un tema sobre modificar el tamaño de un popup en mozilla con window.innerWidth/innerHeight)

Saludos