Foros del Web - Ver Mensaje Individual

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>