CMS Select

Dynamically populate select fields with options from your CMS lists. Streamline form management and updating.

Copy the CMS Select <script> and paste into the <head> of your page

<!-- [WebTricks by CodeRaccoons] - CMS Select -->
<script async src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebTricks@1/Dist/WebflowOnly/CMSSelect.min.js" ></script>
<!-- [WebTricks by CodeRaccoons] - CMS Select -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebTricks@1/Dist/WebflowOnly/CMSSelect.min.js" ></script>
Copy Script

Required attributes

Optional
I want this Select element to be populated dynamically from CMS options.
Attribute to add
Name
wt-cmsselect-element
Value
select-{index}
Instructions

Assign this attribute to the select element where options will be dynamically added.

The index will be based on the number of CMS Selects needed in the page. (e.g. select for the first, select-2 for the second, select-3 for the third and so on).

Where?
Select element
How does it look?
Optional
Defines the target elements to extract options for the select element.
Attribute to add
Name
wt-cmsselect-element
Value
target-{index}
Instructions

Assign this attribute to the elements containing the data for the select options.

The index will be based on the number of CMS Selects needed in the page. (e.g. target for the first, target-2 for the second, target-3 for the third and so on).

‍

How does it look?
Optional
I want this attribute to define each option's value in the select.
Attribute to add
Name
wt-cmsselect-value
Value
{Value}
Instructions

Set this attribute to specify the value for each dynamically created option.

Where?
Target elements
How does it look?

Optional Attributes

No items found.

Working examples