是否可以通过输入属性设置选择性选项?

时间:2014-06-23 12:18:40

标签: jquery html selectize.js

如何通过输入属性设置选择选项?

这不起作用(Fiddle):

<input id="test" value="cat" options="cat,dog,snake" type="text"/>

<script>
    $('#test').selectize();
</script>

使用上面的代码我想预先选择cat,而dog和snake可用作下拉选项。 value中的猫很好,但其他人options没有。有任何想法吗?我在这里错过了一些东西。

1 个答案:

答案 0 :(得分:0)

你必须手动完成。选择性不是很明确,如何设置其选项,I figured it out

function to_selectize_options(items) {
    result = [];
    for (index in items) {
        item = items[index];
        result.push({
            text: item,
            value: item
        });
    }
    return result;
}

$('#test').each(function() {
    node = $(this)
    raw_options = node.attr('options')
    options = to_selectize_options(raw_options.split(','))
    node.selectize({options:options, delimiter: ','});    
})

Check it out