$(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) { $("", { value: array1[val][0], text: array1[val][1] }).appendTo($('#idselect1')); } } if ($('#idselect option:selected[value="99"]').length > 0 ){ //Elimina los option de la select $('#idselect1').empty(); for(var val in array2) { $("", { value: array2[val][0], text: array2[val][1] }).appendTo($('#idselect1')); } } }); });
Este blog pretende recopilar ideas que me van surgiendo con los días y compartirlas con los demás.
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.
Etiquetas:
codigo,
combos,
dropdown,
enlzados,
javascript,
jquery,
lazy
Ubicación:
A Coruña, España
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario