如何在 selectize.js 中设置选定的选项值答案

【问题标题】：how can i set the selected option value in selectize.js如何在 selectize.js 中设置选定的选项值
【发布时间】：2015-09-23 20:16:43
【问题描述】：

我正在尝试在 selectize.js 中设置要选择的选项，该怎么做。

最初可以设置一些选项。那我该如何设置值。

 <select id="selectize">
   </select>
var options=[
    {value:0, text:"option 0"},
    {value:1, text:"option 1"},
    {value:2, text:"option 2"},
    {value:3, text:"option 3"},
];


$('#selectize').selectize({
    "options":options
});

$('#selectize').change(function(){
//$('#result').html("you select value="+$(this).val());
        $('#selectize').val(1);

});

请在jsfiddle中找到代码

http://jsfiddle.net/rcun9zmf/

谢谢，

【问题讨论】：

标签： javascript html selectize.js

【解决方案1】：

您必须先使用input[0].selectize 选择您的选择，然后使用选择的本机方法getValue()。根据您的小提琴，这应该可以：

var options=[
    {value:0, text:"option 0"},
    {value:1, text:"option 1"},
    {value:2, text:"option 2"},
    {value:3, text:"option 3"},
];
$('#selectize').selectize({
    "options":options
});

$('#selectize').change(function(){
    var selectize = $("#selectize")[0].selectize;
    $('#result').html("you select value="+ selectize.getValue());
});

JsFiddle

【讨论】：

【解决方案2】：

要为您的选择控件设置初始值，请使用 addItem 方法。

var selectField = $('#yourfield');
if (selectField.length > 0) {
  var selectField = $('#yourfield')[0].selectize;
  selectField.addItem(IDTOSET, false);
}

https://jsfiddle.net/3aapx1m1/

【讨论】：

【解决方案3】：

如果 selectize 是一个下拉菜单，并且您想将其用作选择下拉菜单，则要设置选定的选项，您需要使用 setValue。假设您已经有了预选的值，并且选择组件已经构建并加载了所有值。

如果你想动态改变值

var idPreselected = 2;
var $select = $('#MySelectizeDropdown').selectize();
var control = $select[0].selectize;
control.setValue(idPreselected);

【讨论】：

【解决方案4】：

您可以通过四个简单的步骤来实现：

var val= "abc";
$("#txtbox").selectize()[0].selectize.destroy();
$('#txtbox').val(val);
$('#txtbox').selectize({
    plugins: ['remove_button', 'restore_on_backspace'],
    persist: false,
    //  createOnBlur: true,
    create: true,
    onItemAdd: function () {
        this.close();
    }
});

【讨论】：