Little tip - adding a placeholder to a select field with dynamic data

Hey all,

I use dynamic data in my select fields and wanted to add an instruction as a placeholder to avoid needing labels in the UI.

You can’t as far as I can see achieve this with Wapper UI (although welcome any additions if that’s possible).

So, if you add the following option hidden line of code within your select field code:

<select>
    <option hidden >Placeholder Here</option>
</select>

This will then show the placeholder in situ on the select, but when they click on it - it will disappear and only show the dynamic options.

Small things :slight_smile:

6 Likes