Utilisation de jQuery pour désactiver plusieurs sélections

Question

J'ai 7 menus de sélection. Je veux que l'utilisateur fasse trois choix, laissant 4 menus de sélection désactivés. Voici le lien: http://www.missionsolano.org/support_volunteer_form.php (sous Zones d'intérêt).

Je suis également ouvert à l'utilisation de plugins de validation de formulaire jQuery. Quelqu'un a des conseils?

Answer 1

Cela semble fonctionner pour moi.

$('.aoi_select').change(function(){ 
    var totalSelected = $('.aoi_select[selectedIndex!=0]').length; 
    if (totalSelected >= 3) 
     $('.aoi_select[selectedIndex=0]').attr('disabled', 'disabled'); 
    else 
     $('.aoi_select').removeAttr('disabled'); 
});