Validando dropdownlist con JQuery

Hola a todos, bueno este será el último post de este año, y lo hago por una duda q surgio en el foro de asp.net, donde se pedia no poder seleccionar un elemento de un segundo dropdownlist si el primero no tenia un elemento seleccionado.

Lo único q necesitamos es la libreria de jquery, q pueden descargar de aca !

En nuestra UI vamos a tener dos dropdownlist, y vamos  a capturar el cambio de item del segundo dropdownlist, para capturar el cambio de selección con jquery tenemos:

$().ready(function () {
$("#<%= ddl2.ClientID %>").change(function () {
var lista2 = document.getElementById("<%= ddl2.ClientID %>").value;
var lista1 = document.getElementById("<%= ddl1.ClientID %>").value;
if (lista2 != '-1') {
if (lista1 == null || lista1 == '-1') {
alert('Primero seleccione un elemento de la lista 1');
document.getElementById("<%= ddl2.ClientID %>").value = '-1';
document.getElementById("<%= ddl1.ClientID %>").focus();
}
}
});
});

Ahora que hace este código?, en la primera línea verirficamos que la página este lista, luego en el evento change del dropdownlist definimos una función pra realizar la validación, en la variable lista2 traemos el valor de la segunda lista, y en la variable lista el valor de la primera lista, ahora, se ha definido un item con el texto [Seleccione uno] y el valor de -1; entonces si el valor de lista2 es diferente de -1 es pq el usuario selecciono un item de la lista, y entra al primer condicional, en donde se evalua el valor de la lista 1, y al igual que la lista 2 si el valor de dicha lista es -1 es pq todavia hace falta la selección del valor de la lista1, entonces por medio de un alert se informa al usuario que debe seleccionar un elemento de la primera lista, y se establece el valor de la segunda lista en -1 (seleccione uno) y el foco en la primera lista.

Espero les sea de utilidad este ejemplo…

Código del ejemplo !

Para el año que viene hablare un 90% sobre desarrollo web…

2 comments

  • Juan Francisco Hernandez Zavala

    Y para tener 4 dropdownlist como aplicaria esta solucion, por ejemplo

    DDLArea,
    DDLMunicipio
    DDLTrabajador
    DDLRegion

    Ya lo probe pero me restan dos mas puede ayudarme?

    • hola, bueno deberias agregar muchas m´pas validaicones, y en cada ddl ir preguntando potr los anteriores, aunque la verdad te va a salir un código bastante largo, no se si exista algún plugin para este caso, voy a darle un ojo.

      Saludos

Leave a Reply

Your email address will not be published. Required fields are marked *