Add dynamic options to filter a collection using the select element

Опубликовано: 07 Апрель 2026
на канале: WeWeb
4,558
37

🚀 Use Rollup to Populate Select Options
Filter collections dynamically, no need to load extra data.

What You’ll Learn
✅ Create dynamic dropdowns with Rollup
✅ Avoid loading extra collections
✅ Get unique values from existing data
✅ Use rollup(array, key, "distinct") format
✅ Bind options directly as an array
✅ Filter collections with selected input

Resources
🎥 Using the select element with "hard-coded" options:    • Filter data from a collection with a dropd...  
✨ WeWeb → https://www.weweb.io
❤️ Join the Community → https://community.weweb.io

Chapters
00:00 Introduction
00:07 Set Up the Select Element
00:42 Option 1: Create a Dedicated Collection
01:50 Option 2: Use Rollup Formula
02:54 Get Unique Values with distinct
03:22 Bind Options Without Label/Value Fields
03:51 Filter Collection by Selected Location
04:13 Recap – Using Rollup for Dynamic Selects


#nocode #weweb #backend #frontenddeveloper #backendbasics #backend #backendwebdevelopment #webappdevelopment #webapp #webappsecurity #nocoding #programmingtutorial #softwaredevelopement #uiux #uidesign #uidesigntutorial #frontend