[javascript] 如何更改selectize.js下拉菜單的佔位符?



Answers

您可以在初始化時指定一個placeholder鍵作為選項對象的一部分。 我找不到在文檔中的選項,只發現它通過代碼挖掘。

//init selectize
$(function() {
  $('select').selectize({
    placeholder: 'Click here to select ...',
  });
});
Question

當父下拉改變其選擇以加載其占位符被改變的下拉的選項時,我想改變由selectize.js創建的下拉的佔位符。 在文檔中沒有辦法做到這一點。




我有一個類似的問題 - 令人沮喪的是我會做這樣的事情:

$("selectize-input input[placeholder]").attr('placeholder','Hello World!');

然後只有在改變焦點後,它會呈現我的新佔位符文本。 事實證明,無論出於何種原因(可能是一個好的選擇),選擇應用一個寬度到這個輸入。

最終解決方案

$(".selectize-input input[placeholder]").attr('placeholder','Hello World!');
$(".selectize-input input[placeholder]").attr("style", "width: 100%;");



$('select#my-dropdown + .selectize-control').find('.selectize-control-input').prop({'placeholder': 'Placeholder Text'});



您可以通過在選擇標籤內添加一個空option元素來指定select元素的佔位符。 這裡是一個例子:

<select name="color" required>
    <option value=""> Select a color </option>
    <option value="1"> Lavender </option>
    <option value="2"> Eggplant </option>
    <option value="3"> Cool grey </option>
    <option value="4"> Bitter lemon </option>
</select>





Links