Select!!

01munrra · 31 Julio 2012, 05:27 AM

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!!

EFEX · 31 Julio 2012, 06:09 AM

Se puede hacer, pero con un poco de javascript o php. Este es un ejemplo en js.

Código (html4strict) [Seleccionar]


<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>

01munrra · 31 Julio 2012, 13:14 PM

EFEX... Gracias!!! me ha servido de mucho!:...

01munrra · 1 Agosto 2012, 04:14 AM

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.

Código (php) [Seleccionar]

window.location = "<?php echo url("controlador/funcion/detalles/valor_del_select") ?>";

como podria hacerlo?

Saludos!!!

cassiani · 1 Agosto 2012, 20:27 PM

el id lo tienes en la variable oInput, solo tienes que concatenar..

01munrra · 1 Agosto 2012, 21:41 PM

estoy haciendo esto.:
estoy cargando los select con jquery.

Código (php) [Seleccionar]



<select name="cedula"  id="cedula" onchange="reDir(this.selectedIndex)" >
<option value="" class="textinter">--- Seleccione ---</option>
</select>

Código (php) [Seleccionar]


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:

Código (php) [Seleccionar]


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:

Código (php) [Seleccionar]


function reDir(oInput){
  window.location = "<?php echo url("controlador/funcion/detalles") ?>";				
}

que estoy haciendo mal?

Gracias!!!

saludos!!

WHK · 2 Agosto 2012, 15:04 PM

Código (html4strict) [Seleccionar]

<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/