Javascript: Select all options for a select box
Here's a javascript function that will allow the user to select all or none of the options in a multiple select box. It is quite simple to use, first either provide the id of the select box or the actual select box object and it will do the rest.
Selecting all select options
This example will select all options for the select box with the id 'selectbox1':-
<input type="button" name="Button" value="All" onclick="selectAll('selectbox1',true)" />
And this example will select none of the options for the select box by passing the select object and saying we don't want them all selected (false):-
<input type="button" name="Button" value="All" onclick="selectAll(document.getElementById('selectbox2'),false)" />
The function
Just pass the ID of the element or and whether you want all of the options selected or not and it'll do the rest!
function selectAll(selectBox,selectAll) {
// have we been passed an ID
if (typeof selectBox == "string") {
selectBox = document.getElementById(selectBox);
}
// is the select box a multiple select box?
if (selectBox.type == "select-multiple") {
for (var i = 0; i < selectBox.options.length; i++) {
selectBox.options[i].selected = selectAll;
}
}
}
Of course, If your select box is not a multiple select, it will do nothing! If this has been of some help to you, let me know!
Download the example JavaScript: Select all options in a select box now!
Like this?
Archives
Categories
Comments (9)
What others have said about this post.
-
br41nless said:
-
miles said:
-
parth said:
-
Worrawat Sakulwong said:
-
Synbios said:
-
Bill Bartmann said:
-
Bill Bartmann said:
-
mahen said:
-
Knight Samar said:

