How do I disable multiple listboxes in one go using jQuery?

Question

I can disable one and one by doing this:

jQuery('#ListBoxA').attr('disabled','true');

But how can I apply this to multiple items? This does not work:

jQuery('#ListBoxA, #ListBoxB, #ListBoxC').attr('disabled','true');

UPDATE

Not much markup to show....

<select id="ListBoxA" size="4" name="countrySelectBox">
<select id="ListBoxB" size="4" name="cityListBox">
<select id="ListBoxC" size="4" name="storeListBox" multiple="multiple">

Answer 1

jQuery('select').each(function(){
    jQuery(this).attr('disabled','true');
});

Answer 2

For another option, if you give them all a CSS class, you can do:

jQuery('.ListBoxClass').attr('disabled', true);

Answer 3

jQuery('#ListBoxA,#ListBoxB,#ListBoxC').attr('disabled','disabled'); (Without white spaces).

To enable use jQuery('#ListBoxA,#ListBoxB,#ListBoxC').removeAttr('disabled');

http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN

Answer 4

You could also use attribute filters if the boxes you want to disable share an attribute (in this case any one with 'ListBox' in it's id:

$("select[id*='ListBox']").attr('disabled',true);