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) {
          $("

No hay comentarios: