Create default value of a tag

Ask the community
1

I’m trying to set the default value of a tag.

I have the following code which turns the selection tags into single select, what else would I need to add to set a default value?

$w('#selectionTags1').onChange((event) => {
       const indeces = $w('#selectionTags1').selectedIndices;
       const singleIndex = indeces.slice(-1);
       $w('#selectionTags1').selectedIndices = singleIndex
   })
2

That should do it provided that selectedIndices isn’t empty. You could also use options instead so it’s based on the full set of options and not just what is currently selected: const singleIndex = [$w('#selectionTags1').options.length - 1]

Also if there were already tags preselected you can clear them by first setting selectedIndices to an empty array before assigning the default value.

3

Thanks for that - i’m a bit confused. What specifically would I change/add in the code to set a default tag above? The tags are populated through a CMS (eg. tags are A,B,C). The tags filter the content on the page once selected however I want one of them to already be selected on page load.

4

Any thoughts on this one?

5

Hey there!

To set a default value, you will need to add it inside the onReady fuction of the page and the dataset, and NOT inside the onChange function of the selectionTags.

Add this bit of code to your onReady function. This will always select the first tag by default:

$w("#selectionTags1").selectedIndices = [0];