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();

由于这些起始值可以是随机的，所以我无法找到解决这个问题的方法。

您有什么具体问题吗？如果你在问如何设置这个插件，那么所有的文档和示例代码都可以在你提供的链接中找到...... –

输入必须是文本类型吗？ – Drummad

我已经完成了它，但没有插件，但与Ajax的PHP和MySQL数据库。我相信它的工作也很好。 –

答

您可以在初始化时使用create或createOnBlur选项;

这里是selectize.js

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

create文件允许创建不在选项的初始列表新项目的用户。

createOnBlur如果为真，当用户退出（输入以外的点击）领域，创建一个新的选项，并选中（如果创建设置启用）

答

我想通了，如何做到这一点：

//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'，可以根据需要选择其他选项。

Selectize为INPUT TYPE =“文本”元件

相关推荐