$(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