formulario desplegable

[wesse]

En un formulario consistente sólo en un menú desplegable, ¿cómo puedo hacer para que al abrir el menú y seleccionar una cosa, se dirija a un html directamente sin tener que presionar un botón de "ir"?

[monoswim]

Lo haces con el evento onChange del elemento select...

Fíjate que en www.desarrolloweb.com tienes un tutorial sobre el tema.

Con el onchange llamas a una función de javascript que usa la función Location para direccionar a las distintas URL's, vendría a ser algo así

Código:

<script>
function caca (url) {
   Location(url);
}

<select onchange="caca(this.value)">
      <option value="http://www.misitio.com">a</option>
      <option value="http://www.misitio2.com">a2</option>
</select>

No lo probé, pero la lógica era así...

Saludos

[caricatos]

Hola wesse:

La caca de monoswim (menudo nombre le has puesto... ) debería ser:

location.href = url;

monoswim: ¡se nota que eres más de CGI...!

Saludetes

[monoswim]

jaja, y la veredad que si, pero por ahí andaba la cosa...

Saludos

[wesse]

Lo he probado de varias maneras y no me funciona. Mi formulario original es este: <form name="form1" method="post" action="">
<select name="select" class="desplegable1">
<option>directorio de televisiones</option>
<option selected>directorio de radios</option>
</select>
</form>

y si lo hago como decis queda asi...

En head: <script>
function caca (url) {
Location(url);
}
</script>


En body: <select onchange="location.href = url;">
<option value="http://www.misitio.com">a</option>
<option value="http://www.misitio2.com">a2</option>
</select>

[wesse]

Ya he conseguido solucionarlo.

Al final no he puesto lo del scritp en el head.
Sólo he colocado en el location-> "value": onchange="location.href = value;" (pense que en location.href = url; había que poner una url)
al final me quedó asi:

<form name="form1" method="post" action="">
<select onchange="location.href = value;" class="desplegable1">
<option value="http://www.tv.com">directorio de televisiones</option>
<option value="http://www.radio.com" selected>directorio de radios</option>
</select>
</form>


GRACIASSSSSSSSSSSSSSSs

[caricatos]

Hola wesse:

Eso mismo decía en mi mensaje...

[wesse]

pero no sabía que había que eliminar tambien lo de <script>
function caca (url) {
Location(url);
}
</script>



y en vez de location.href = url;
era location.href = value;



Bueno, pues solucionado. MUCHAS GRACIAS!!!!

[caricatos]

Hola otra vez:

Lo que importa es que te funcione, pero te recomiendo que pongas this.value en vez de value a secas. Es más correcto y seguro que te va a funcionar en todos los navegadores...

Saludos

[wesse]

aqui? <select onchange="location.href = this.value;" class="desplegable1">

[caricatos]

¡Exacto!