Foros del Web » Programando para Internet » Jquery »

Select Asociados con jquery

Estas en el tema de Select Asociados con jquery en el foro de Jquery en Foros del Web. Hola gente del foro. quiero hacer que al seleccionar la option de un select me nuestre en otro select las option que le corresponde. tengo ...
  #1 (permalink)  
Antiguo 15/02/2014, 10:42
Avatar de webelgrillo  
Fecha de Ingreso: marzo-2008
Mensajes: 142
Antigüedad: 16 años, 9 meses
Puntos: 0
Mensaje Select Asociados con jquery

Hola gente del foro.

quiero hacer que al seleccionar la option de un select me nuestre en otro select las option que le corresponde.

tengo este codigo.

<select id="mySelect">
<option value="1">option A</option>
<option value="2">option B</option>
</select>

<!-- este select solo se muestra si seleccionaron el valor -->

<select id="mySelect">
<option value="a1">option a1</option>
<option value="a2">option a2</option>
</select>

espero que me ayuden como seria esto en jquery
gracias..
  #2 (permalink)  
Antiguo 16/02/2014, 02:30
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 11 años, 5 meses
Puntos: 6
Respuesta: Select Asociados con jquery

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  $ = jQuery.noConflict();  
  3.      var select_1 = document.getElementById("mySelect");
  4.      $(select_1).change(function() { //Cuando un usuario selecciona alguna opcion de select
  5.          valor = $(this).attr("value"); //Recoje el value de la opcion seleccionada del select
  6.          
  7.          var dataString = 'parametro='+valor; //almacenamos los parametros a enviar
  8.          
  9.          $.ajax({
  10.              type: "GET", //El tipo (GET o POST)
  11.              url:'archivo.php', //el archivo al cual pasaras los parametros
  12.              data: dataString, //los parametros
  13.              success: function (response) {
  14.                  $(#div_selectNuevo).html(response);
  15.              }
  16.          })
  17.        
  18.      });
  19. });

Código HTML:
Ver original
  1. <select id="mySelect" >
  2.       <option value="1">option A</option>
  3.       <option value="2">option B</option>
  4.  
  5. <div id="div_selectNuevo"></div> //Aqui insertaria el select 2 que vendria en la respuesta.

El otro select lo metes en archivo.php mediante una consulta haces la condicion para que te muestre los datos dependiendo del parametro que pasaste por GET y el select 2 que viene en la respuesta lo metes en un div.

Etiquetas: asociados, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:12.