是否可以通過輸入屬性設置選擇選項？

Question

如何通過輸入屬性設置選擇選項？

這不起作用（Fiddle）：

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

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

有了上面的代碼，我想貓的預選，而狗，可作爲下拉選項蛇。貓在value是好的，但其他人通過options沒有。有任何想法嗎？我在這裏錯過了一些東西。

Answer 1

你必須手動完成。 Selectize並不十分清楚如何設定其選項，但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。