Ayuda en listas por medio de <select> XHTML

Hola ¿Como estan? Estoy haciendo unas listas para cambiar de una página a otra en XHTML y CSS.

Estoy utlizando este código en HTML de prueba, aunque no puedo quitar form y que mi Javascript sirva. Además <form> me coloca los otras dos listas horizontales y las necesito verticales

Código :

<form>
<select name="ad" onchange="salta(this.form)">
<option selected> ---
 option value="index.html">index
<option value="http://the1mindproject.blogspot.com">texto 2
<option value="zzzz.htm">texto 3
</select>
</form>

Este es mi Javascript

Código :

<script languaje="JavaScript">
function salta(Sel){
if (Sel.ad.selectedIndex != 0){
document.location=Sel.ad.options[Sel.ad.selectedIndex].value
}}
</script>

Este código es muy simple, lo que quisiera es cada vez que haga un salto hacia otra dirección la lista indicará en que página está. ¿Como puedo adaptar el código java quitando la variable <form> haciendo que la lista indique la dirección donde está?

Les agradecería su ayuda.

[/code]

Hola

mmm a eso le tenes q meter php, veamos

Código :

<form>
   <select onchange="salta(this)">
   <?
       if (empty($_GET["id"])){
    ?>
        <option selected="selected" value="0"> ---</option>
    <? } else {?>
        <option <?=(($_GET["id"]==0)?'selected="selected"':'')?> value="0"> ---</option>
    <? } ?>
       <option <?=(($_GET["id"]==2)?'selected="selected"':'')?> value="1">index</option> 
       <option <?=(($_GET["id"]==3)?'selected="selected"':'')?> value="2">texto 2</option>
       <option <?=(($_GET["id"]==4)?'selected="selected"':'')?> value="3">texto 3</option>
    </select>
</form>

el js seria asi

Código :

<script languaje="JavaScript">
function salta(Sel){
  switch(sel.options[sel.selectedIndex].value){
     case "1": texto = "index.html"; break;
     case "2": texto = "http://the1mindproject.blogspot.com"; break;
     case "3": texto = "zzzz.htm"; break;
   }
  document.location=texto+"&id="+sel.options[sel.selectedIndex].value;
}
</script>

En tu codigo no podes sacar el form de this.form, porque la funcon necesita la referncia al form para trabajar, fijate q en mi version no necesita eso... asi q incluso podes eliminar las etiquets <form> y deberia funcionar igual.

saludos!

esto me párese técnicamente posible pero a la vez técnicamente poco recomendable, los robots de búsqueda (y los navegadores para ciegos) son incapaces de seguir links de javascript únicamente siguen links de html <a href="">

¿cual es el motivo por el que necesitas hacerlo de este modo?
¿la pagina la creas dinamicamente o es a html bruto?

Por el momento es HTML puro "inyaka", ya que no se lo suficiente de php u otra tecnología para hacerla una página dinámica. Dejo te explico cual es la idea de la página.

En la parte de hasta arriba hay una barra de busqueda por sección, pero como aún no se hacer un motor de busqueda interno de la página, así que he decido, por el momento generar tres busquedas directas por medio de <select>. Si a eso le agrego <form> las otras 2 formas se salen del div en donde deben de ir.

Se que lo mejor sería construir una barra de busqueda, pero para eso debería saber demasiado sobre bases de datos y php que por cuestiones de tiempo no puedo meterme tanto al detalle. Necesito sacar el proyecto lo más rápido posible.

Gracias alfathenus, lo voy a probar para saber que tal!!

Saludos

entonces tenemos que no vas a hacer nada con base de datos, por tanto no tienes la opción de crear un buscador de contenidos, pues bien te aconsejo categorizar bien tu contenido y crear un menu bien echo en xhtml y CSS
esto va a mejorar tanto el aspecto como como la funcionalidad del sitio

mira los ejemplos de esta pagina creo que te van a servir

http://www.cssplay.co.uk/layouts/body2.html

y si, te estoy diciendo que te replantees el diseño y desarrollo de tu pagina