jquery: sélectionnez et désélectionnez les éléments de la listbox

Question

J'ai 2 listboxes (sélectionnez, en HTML) dans une page ASP.NET. Je veux que quand un élément de liste1 est sélectionné, l'élément sélectionné dans la liste2 n'est pas sélectionné, et viceversa.

Les 2 sélections s'excluent mutuellement.

Comment puis-je faire?

Answer 1

Essayez quelque chose comme:

$(document).ready(function() { 
    $("#listbox1").change(function() { 
     if ($(this).val() != "") 
      $("#listbox2 option:selected").attr("selected", ""); 
    }); 
    $("#listbox2").change(function() { 
     if ($(this).val() != "") 
      $("#listbox1 option:selected").attr("selected", ""); 
    }); 
}); 

Answer 2

$(function() { 
    var list1 = $("#listbox1"); 
    var list2 = $("#listbox2"); 

    list1.change(function() { 
     $("option", list2).attr('selected', false); 
    }); 

    list2.change(function() { 
     $("option", list1).attr('selected', false); 
    }); 
}); 

Answer 3

Je pense que la réponse d'Aaron travaillerait multi-navigateur, mais dans des cas comme celui des boîtes de radio devrait être utilisé au lieu de cases à cocher ...

Boîtes radio ont été conçus spécifiquement pour des situations comme celles-ci ...