Итак, я сделал скрипку здесь , что иллюстрирует мой вопрос.
В принципе, я понимаю, как добавить заполнитель в раскрывающийся список:
<!-- Placeholder -->
<select id="placeholder" class="ui dropdown">
<option value="">Placeholder</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<script>
$('#placeholder').dropdown();
</script>
И я понимаю, как получить пустое значение для раскрывающегося списка:
<!-- Empty -->
<select id="empty" class="ui dropdown">
<option value=""></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<script>
$('#empty').dropdown({placeholder: false});
</script>
То, что я хочу сделать, это объединить их, поэтому у меня есть выпадающий список с заполнителем и пустой параметр, который может установить пользователь.В идеале установка опции empty
будет показывать текст заполнителя.
Я пытался использовать такой метод:
<!-- Empty -->
<select id="empty" class="ui dropdown">
<option value=""></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<script>
$('#empty').dropdown({placeholder: 'Placeholder'});
</script>
, который не работает в приведенной выше скрипке, но работает в моем реальном коде.Однако, если я выберу пустой элемент, заполнитель не вернется.