Selectize爲INPUT TYPE =「文本」元件

我有以下HTML /引導元件：Selectize爲INPUT TYPE =「文本」元件

<div class="form-group"> 
    <label>Keyword:</label> 
    <input type="text" class="form-control" id="keyword"> 
</div>

我想允許用戶選擇預定義的詞語，因爲他是鍵入文本使用selectize.js這種形式。如果沒有選擇單詞，則輸入值是用戶輸入的單詞。

如何使用selectize.js執行此操作？

編輯：

的事情是：我需要填充從文檔中提取預先定義的值（實際上，我做編輯）的關鍵字這些領域，如果我使用「選擇」的元素，而不是「輸入「，我不能設置起始值：

$('#keyword').val();

由於這些起始值可以是隨機的，所以我無法找到解決這個問題的方法。

來源

2017-10-05 Marin Leontenko

您有什麼具體問題嗎？如果你在問如何設置這個插件，那麼所有的文檔和示例代碼都可以在你提供的鏈接中找到...... –

輸入必須是文本類型嗎？ – Drummad

我已經完成了它，但沒有插件，但與Ajax的PHP和MySQL數據庫。我相信它的工作也很好。 –

您可以在初始化時使用create或createOnBlur選項;

這裏是selectize.js

https://github.com/selectize/selectize.js/blob/master/docs/usage.md

create文件允許創建不在選項的初始列表新項目的用戶。

createOnBlur如果爲真，當用戶退出（輸入以外的點擊）領域，創建一個新的選項，並選中（如果創建設置啓用）

來源

2017-10-05 11:48:47

我想通了，如何做到這一點：

//enable selectize on input element and add a list of options 
var $select = $('#keyword').selectize({ 
maxItems: 1, 
valueField: 'id', 
labelField: 'title', 
searchField: 'title', 
options: [ 
    {id: 1, title: 'value1'}, 
    {id: 2, title: 'value2'}, 
    {id: 3, title: 'value3'} 
], 
create: true, 
}); 

//store selectize object to variable 
var selectize = $select[0].selectize; 
//add new option and set the value to new option 
selectize.addOption({id:4, title: 'value4'}); 
selectize.setValue(4, false);

現在加載頁面後的默認選項是'value4'，可以根據需要選擇其他選項。

來源

2017-10-05 13:58:25

Selectize爲INPUT TYPE =「文本」元件

回答

相關問題