如何在selectize.js中设置所选的选项值

时间:2015-07-06 15:39:54

标签: selectize.js

我正在尝试设置在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/

谢谢,

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

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

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

https://jsfiddle.net/3aapx1m1/

答案 2 :(得分:0)

您可以通过四个简单的步骤来实现这一目标:

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