Lista de opciones con enlaces.

[F3rran]

Hola, tengo un formulario con una lista de opciones y necesito que al seleccionar cada una, esta envie al usuario a otra página diferente. He encontrado algunos hilos sobre esto pero no está bien explicado.

El código sería este:

<form name="form1" method="post" action="">
<select name="Noticias anteriores" id="Noticias anteriores">
<option value="1">Marzo 2005</option>
<option value="2">Abril 2005</option>
<option value="3">Mayo 2005</option>
<option value="4">Junio 2005</option>
<option value="5" selected>Julio / Agosto 2005</option>
</select>
<input name="Submit" type="submit" value="Go">
</form></td>

[Seppo]

Buenas, te dejo acá el código q armé

Código HTML:

<script language="javascript">
function select(form) {
	switch(form.Noticiasanteriores.value) {
		case "1":
			form.action='pagina1.htm';
			break;
		case "2":
			form.action='pagina2.htm';
			break;
		default:
			return false;
			break;
	}
}
</script>


<form name="form1" method="post" action="" onSubmit='if (select(this) == false) { return(false); } '>
<select name="Noticiasanteriores" id="Noticias anteriores">
<option value="1">Marzo 2005</option>
<option value="2">Abril 2005</option>
<option value="3">Mayo 2005</option>
<option value="4">Junio 2005</option>
<option value="5" selected>Julio / Agosto 2005</option>
</select>
<input name="Submit" type="submit" value="Go">
</form> 

[F3rran]

He sustituido las direcciones de ejemplo (case 1 y 2) por unas correctas y no funciona

[Seppo]

Fijate que cambié el name del select
<select name="Noticiasanteriores" id="Noticias anteriores">

Realmenet no sé como responde JS con un espacio en el medio, pero no debe ser nada bueno... Fijate q sñolo puse el case de 1 y 2, o sea q sólo andaría para Marzo y Abril

[caricatos]

Hola:

He visto que usas uno values en los tags options que no tienen "importancia" (puedes corregirme)... Una forma sencilla es usar el evento onchange del select para asignar el action al form...

<select onchange="this.form.action = this.value" >
<option value="Marzo2005.html">Marzo 2005</option>
...

Aunque no viene al caso el id, no es aconsejable el uso de caracteres especiales, pero se puede.

Saludos

[F3rran]

Lo he vuelto a probar con un nombre distinto para el "select" y funciona , muchas gracias