CODEWITHSUNDEEP
asp.netjqueryhtml
Robert
Robert

Reputation: 897

jquery: select and unselect items of listbox

I have 2 listboxes (select, in HTML) in a ASP.NET page. I want that when one item of list1 is selected, the selected item in list2 is unselected, and viceversa.

The 2 selects are mutually exclusive.

How can I do?

Upvotes: 0

Views: 13465

Answers (3)

Aaron
Aaron

Reputation: 812

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

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

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

Upvotes: 4

ekhaled
ekhaled

Reputation: 2930

I think Aaron's answer would work cross-browser, but in cases like this radio boxes should be used instead of check boxes...

Radio boxes were designed specifically for situations like these...

Upvotes: 0

Davide Gualano
Davide Gualano

Reputation: 13003

Try with something like:

$(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", "");
    });
});

Upvotes: 2

Related Questions