he visto en algunas paginas, un <select> que te presenta una seria de opciones y al darle clic a alguna de esas opciones se direcciona automaticamente a un sitio,,,,, saben de que hablo? me podrian ayudar a armar uno,,, gracias!!
Se puede hacer, pero con un poco de javascript o php. Este es un ejemplo en js.
<html>
<head>
<title>Untitled</title>
<script>
function reDir(oInput)
{
switch (oInput)
{
case 1 :
window.location = "http://www.youtube.com/";
break;
case 2 :
window.location = "http://www.google.com.ar/";
break;
case 3 :
window.location = "https://foro.elhacker.net/";
}
}
</script>
</head>
<body>
<select name="hello" onchange="reDir(this.selectedIndex)">
<option selected>OPCION</option>
<option> 2</option>
<option> 3</option>
<option> 4</option>
</select>
</body>
</html>
EFEX... Gracias!!! me ha servido de mucho!:...
una pregunta, como haria para pasarle el id de la opcion del select a la url?
es decir, que el la url quede algo asi.
window.location = "<?php echo url("controlador/funcion/detalles/valor_del_select") ?>";
como podria hacerlo?
Saludos!!!
el id lo tienes en la variable oInput, solo tienes que concatenar..
estoy haciendo esto.:
estoy cargando los select con jquery.
<select name="cedula" id="cedula" onchange="reDir(this.selectedIndex)" >
<option value="" class="textinter">--- Seleccione ---</option>
</select>
function reDir(oInput){
window.location = "<?php echo url("controlador/funcion/detalles/$cedula") ?>";
}
pero resulta ser que no me carga el select cuando le añado la variable del select, cuando hago esto:
function reDir(oInput){
window.location = "<?php echo url("controlador/funcion/detalles/$cedula") ?>";
}
y cuando le quito la variable, si carga normal el select, es decir cuando lo hago asi:
function reDir(oInput){
window.location = "<?php echo url("controlador/funcion/detalles") ?>";
}
que estoy haciendo mal?
Gracias!!!
saludos!!
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
$(document).ready(function(){
$('select[name="hello"]').change(function(){
document.location = $(this).val();
});
});
</script>
</head>
<body>
<select name="hello">
<option selected>OPCION</option>
<option value="http://www.google.cl/">Google</option>
<option value="<?php echo url('test/test'); ?>">Test</option>
<option value="/">Home</option>
</select>
</body>
</html>
De esta forma nunca vas a tener que modificar el script, solamente crear los selectores y listo, así podrás separar facilmente el javascript en un archivo .js y hacer todas tus modificaciones que necesites en el php o html.
Demo:
http://jsfiddle.net/qadJT/1/