How to select all values in drop down list by clicking a button using jQuery?

Question

How to select all values in drop down list by clicking a button using jQuery in JavaScript?

I have updated the tags to read "JavaScript" in place of "Java" - these are two different languages. — Fenton
– Fenton, Commented Sep 7, 2010 at 7:07

jAndy · Accepted Answer · 2010-09-07 07:02:48Z

1

$(function(){
    $('select').children('option').attr('selected', 'selected');
});

Should do it. Of course you would need a SELECT element with attribute multiple.

answered Sep 7, 2010 at 7:02

jAndy

237k57 gold badges313 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fenton · Accepted Answer · 2010-09-07 07:05:43Z

1

This solution works with plain multi-select lists and multi-select lists that have optgroups.

$("select option").attr("selected", "true");

Note: This is the HTML answer, for XHTML selected should equal "selected", rather than true.

answered Sep 7, 2010 at 7:05

Fenton

253k74 gold badges404 silver badges414 bronze badges