así que tengo un cuadro de selección como este con más elementos cargados, por supuesto.
<select class="cherry-dropdown"> <option class="cherryOption" value="#cherry_'.$rownum.'">'.$name.'</option> </select>Y. Estoy tratando de usar javascript para llevarme a la ubicación de página adecuada según el atributo de valor en la opción.
$('.cherry-dropdown').click(function(){ console.log("yes"); $('.cherryOption').click(function(){ console.log("maybe"); window.location=$(this).val(); }); });Recibo sí desde el primer console.log (abriendo el cuadro de selección para revelar las opciones). Pero cuando hago clic en una opción, no obtengo tal vez console.log y, por lo tanto, la parte window.location tampoco funciona.
Qué estoy haciendo mal aquí...
En realidad, solo necesita un detector de eventos aquí, si apunta al menú de selección en sí (.cherry-dropdown) y escucha un evento de change en lugar de click , y luego pasa el evento como un argumento para acceder a su valor.
$(".cherry-dropdown").change(function (e) { console.log(e.target.value); //Returns the selected options value window.location = $(this).val(); });