>
Mostrando entradas con la etiqueta combos. Mostrar todas las entradas
Mostrando entradas con la etiqueta combos. Mostrar todas las entradas

15 noviembre 2012

Combos (DropDown) enlazados(lazy) con jquey

Esto es el código para realizar dos combos(dropdown) enlazados(lazy) con jquery a partir de dos matrices multidimensionales constantes.
 

$(document).ready(function(){
var array1=[["01","valueArray101"],["02","valueArray102"],["03","valueArray103"],["04","valueArray104"]];
var array2=[["11","valueArray211"],["12","valueArray212"],["13","valueArray213"],["14","valueArray214"]];
 
 
//Combos enlazados
$("#idselect").change(function () {
//comprueba los valores seleccionados en el select
    if ($('#idselect option:selected[value="01"]').length > 0 || $('#idselect option:selected[value="05"]').length > 0 ||  $('#idselect option:selected[value="10"]').length > 0){
      //Elimina los option de la select
      $('#idselect1').empty();
      //Recorremos el array multidimensional
      for(var val in array1) {
          $("