[SOLVED] Have Nothing Selected (Blank) for Smart Select

I would like to use a smart select which defaults to nothing selected; so on the form when first appearing the contents would be blank until the user makes a selection (Similar to how the multi-selection works, but for a single check-box item only). Is there a way to do this?

For now I am including “” as one of the options, but would prefer to not have that as I don’t want the user to be able to select a blank, only for when the form first appears and they haven’t made a selection yet.

Hi @DanBoschen,

Try this one

<option value="" selected disabled>--Select--</option>

And hide this empty valued option using below css style

.smart-select-page li.disabled{
1 Like