Programación Web y Scripting > JavaScript
Navegar Entre Los Option De Un Select
(1/1)
lotusr:
Hola, ¿¿¿¿Como estan???? Agradeciendo por adelantado su ayuda paso a explicarles
Necesito que en un objeto de formulario "select" que pueda seleccionar los diversos item por un script sin necesidad que el usuario de la pagina se mueva por el "select" lo que deseo hacer es como ir hacia adelante o hacia atras de la lista de "option" del "select" al darle click a un boton. del mismo formulario donde esta alojado el control en cuestion
Anormemente agradesido se despide
LOTUSR
Altareum:
Hola lotusr:
Mirá, hay dos formas (o al menos ahora se me ocurren 2). La primera y más fácil es, creas un select, por ejemplo este:
--- Código: Text --- <select name="sel" id="sel"> <option value="1">Opcion 1</option> <option value="2">Opcion 2</option> <option value="3">Opcion 3</option></select>
Para hacer los cambios, por ejemplo, usas estos links:
--- Citar ---<br><a href="javascript:seleccionar(1);">Opcion 1</a>
<br><a href="javascript:seleccionar(2);">Opcion 2</a>
<br><a href="javascript:seleccionar(3);">Opcion 3</a>
--- Fin de la cita ---
Los cuales llaman a la siguiente funcion de javascript:
--- Citar ---function seleccionar(num){
document.getElementById('sel').value = num;
}
--- Fin de la cita ---
La función lo que hace es asignarle un valor al select, por lo cual dicho valor tiene que ser uno de los posibles.
Espero que te sirva.
Altareum.
lotusr:
Muchas gracias Altareum por tu respuesta esta muy buena, pero tengo un problema con referente a ese punto por que los "value" de los "option" de "select" no son consecutivos y por consiguiente no puedo intuir cual es el proximo. Ademas todo se hace desde un solo control "button". Lo que necesito hacer es como los botones del explorador que te lleva a la siguiente pagina o la anterior. Yo queria saber si exitia en JavaScript un codigo interno de cada option en un select que me permita identificar la posición que tienes en el listado del control y por allí me permita navegar por todo el "select" o un metodo que me lleve al siguiente option o al anterior como si de un arreglo de php fuera.
Agradeciendote Altareum tu buenisima respuesta me despido y espero me puedas tu o otros ayudar, gracias
ATTE
LOTUSR
Altareum:
lotusr, en el método que te expliqué anteriormente, no necesariamente tienes que saber el orden ya que este se basa en el value de cada option para establecerse...
Por ende, esto también sirve:
--- Citar ---<select name="sel" id="sel">
<option value="home">Home</option>
<option value="contacto">Contacto</option>
<option value="servicios">Servicios</option>
</select>
<br><a href="javascript:seleccionar('home');">Opcion 1</a>
<br><a href="javascript:seleccionar('contacto');">Opcion 2</a>
<br><input type="button" onClick="javascript:seleccionar('servicios');">Opcion 3</a>
--- Fin de la cita ---
Si igualmente no te sirve, avisa que hay otro método que se puede utilizar, pero ahora no tengo mucho tiempo....
Saludos.
Altareum.
mateamargo:
¿De casualidad es algo como esto lo que buscás?
--- Código: Text --- <html><body> <form><select name="sel" id="selid" multiple> <option value="1">Opcion1</option> <option value="2" selected>Opcion2</option> <option value="3">Opcion3</option> <option value="4">Opcion4</option></select><input type="button" value="Mover" onclick="mover();"></form> <script type="text/javascript">osel = document.getElementById("selid"); function mover(){ for(i=0; i < osel.options.length; i++) if(osel.options[i].selected){ desseleccionar(i); if(i == osel.options.length - 1) osel.options[0].selected = true; else osel.options[i + 1].selected = true; break; }} function desseleccionar(idx){ osel.options[idx].selected = false;} </script></body></html>
En este caso, cuando llega al fin vuelve al inicio, ¿o lo pensabas hacer con dos botones?
Cualquier duda avisá.
Saludos.
Navegación
Ir a la versión completa