Is It Possible To Create Select All And Deselect All Buttons On A Search Page?

[Cameron]

Hi everyone!

 

I have a multi-select Listbox on my Search page.

The Listbox is very large, but sometimes users want to select all options. And deselct too.

 

Is it possible to create Select All and Deselect all buttons on a Search Page?

 

Thank you for your time!

[Jan]

Hi Cameron,

 

You can add an HTML Block, click the "Source" button and enter the following code (the code can be used as it is, if the Listbox is the first field on the Search page. You can find the instructions how to define the id of a field in the article):

<script type="text/javascript">
function selectAllOptions()
{
var ref = document.getElementById("Value1_1");
for(i=0; i<ref.options.length; i++)
ref.options[i].selected = true;
}

function DeselectAllOptions()
{
var ref = document.getElementById("Value1_1");
for(i=0; i<ref.options.length; i++)
ref.options[i].selected = false;
}
</script>

<input type="button" value="Select All" onclick="selectAllOptions();" />
<input type="button" value="Deselect All" onclick="DeselectAllOptions();" />

I hope, it helps.

[GoodBoy]

Hello! Just want to share this another solution in deselecting all the selected options. 

 

[Cameron]

Hi Jan,

 

Thank you for your answer!

 

Yes, it works. Styles are not applied, but I will find how to fix it myself.

 

Thank you for your time!

[GoodBoy]

Hi! Refer to this post if you want to select multiple options without having to hold the CTRL button on your keyboard.