-
|
How can I add a placeholder text when the selector is popuplated using JavaScript / Using |
Beta Was this translation helpful? Give feedback.
Replies: 6 comments 1 reply
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
That unfortunately does not work :-( My source code: My data: new SlimSelect({ select: '#rtc-id-sel-support-language', data: [
{ text: 'German (Germany)', value: 'de-DE', selected: false, html: '<span class="fi fi-de"></span> German (Germany)' },
{ text: 'German (Switzerland)', value: 'de-CH', selected: false, html: '<span class="fi fi-ch"></span> German (Switzerland)' },
{ text: 'English (United States)', value: 'en-US', selected: false, html: '<span class="fi fi-us"></span> English (United States)' },
{ text: 'English (United Kingdom)', value: 'en-GB', selected: false, html: '<span class="fi fi-gb"></span> English (United Kingdom)' },
{ text: 'French (France)', value: 'fr-FR', selected: false, html: '<span class="fi fi-fr"></span> French (France)' },
{ text: 'French (Switzerland)', value: 'fr-CH', selected: false, html: '<span class="fi fi-ch"></span> French (Switzerland)' }]});How I see the data in the selector after having instantiated SlimSelect: How the selector data looks like: How it looks on screen: |
Beta Was this translation helpful? Give feedback.
-
|
Looks like your immediately overriding your html select with data that doesnt have a placeholder in it. |
Beta Was this translation helpful? Give feedback.
-
|
That's what I also thought. What I have not yet figured out is how to add a placeholder when passing new data using Adding Is there a way to specific the equivalent of |
Beta Was this translation helpful? Give feedback.
-
|
placeholder: true |
Beta Was this translation helpful? Give feedback.
-
|
you can look at the data options in the docs |
Beta Was this translation helpful? Give feedback.
-
|
Thanks a lot for your patience and your help. Now I got it. There needs to be an entry in the |
Beta Was this translation helpful? Give feedback.
<option data-placeholder="true">Placeholder text here.</option>