Smart Select multiple (nothing selected)

[Dopey]

Hello,

I have a multiple Smart Select list but I don’t want anything to be selected by default. When I don’t have anything selected the Smart Select List does not appear when I click on the div.

I’ve tried this but doesn’t work on a multiple smart select list because the disabled value stays selected:

[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.

var SSWODTags = app.smartSelect.create({
	el: ".wod-input-tags",
	openIn: "page",
	searchbar: true,
	pageBackLinkText: langfile.button_back
});

<select name="wod-input-tags" multiple="" class="input-with-value"><option value="" selected disabled>Maak een keuze</option><option value="AMRAP">AMRAP</option><option value="Chipper">Chipper</option><option value="Couplet">Couplet</option><option value="Death-by">Death-by</option><option value="EMOM">EMOM</option><option value="Endurance">Endurance</option><option value="Girls">Girls</option><option value="GRID">GRID</option><option value="Hero">Hero</option><option value="Hybrid">Hybrid</option><option value="Kids">Kids</option><option value="Ladder">Ladder</option><option value="MetCon">MetCon</option><option value="Singlet">Singlet</option><option value="Strength">Strength</option><option value="Strongman">Strongman</option><option value="Swimming">Swimming</option><option value="Tabata">Tabata</option><option value="Triplet">Triplet</option><option value="Weightlifting">Weightlifting</option></select>

[Dopey]

No one?

A disabled selected option will stay selected.

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="hurr">Durr</option>
</select>

[Dopey]

Never mind. Already fixed it by adding an open method to the li

$("li[data-item='tags']").click(function(){
        smartselect.open();
});