Hi All, I have added a Pick, Group and Rank type question in my survey but the choices to select from are huge. Is there a way using Javascript where I can add a search bar on the pick box to filter out the choices?

@Vinay_BohraWill something like below work for you, add it to the pick, group, rank question.Qualtrics.SurveyEngine.addOnload(function(){/*Place your JavaScript here to run when the page loads*/jQuery('.Items h2').append(' <input type="text" id="search-box" placeholder="Search...">'); var items = jQuery('.itemsContainerTd li')jQuery('#search-box').on('input', function() {var searchTerm = jQuery(this).val(); jQuery(items).each(function() { const text = jQuery(this).text().toLowerCase(); if (text.includes(searchTerm)) { jQuery(this).show(); } else { jQuery(this).hide(); } });});});Hope it helps!

@Deepakthis is great, thank you! I just have 1 tweak to put the var items = jQuery('.itemsContainerTd li') underneath the input function. This makes it so that only items that have not yet been put into a Group will be filtered. When it is above, the items that have been placed inGroups are also filtered. So updated JS below:jQuery('.Items h2').append(' <input type="text" id="search-box" placeholder="Search...">');jQuery('#search-box').on('input', function() {var items = jQuery('.itemsContainerTd li');var searchTerm = jQuery(this).val(); jQuery(items).each(function() { const text = jQuery(this).text().toLowerCase(); if (text.includes(searchTerm)) { jQuery(this).show(); } else { jQuery(this).hide(); } });});

Adding a search Bar | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded