選択項目を選択して選択

Question

私は完全にjavascriptで、私はslectizeライブラリについての質問があります。リストに何かを追加して選択するにはどうすればいいですか？

{% block head %} 
<link rel="stylesheet" href="{% static 'plugins/selectize/dist/css/selectize.default.css' %}"> 
<script type="text/javascript" src="{% static 'plugins/selectize/dist/js/standalone/selectize.js' %}"></script> 

<script type="text/javascript"> 
    $(function() { 

    var options=[ 
     {value:0, text:"option 0"}, 
     {value:1, text:"option 1"}, 
     {value:2, text:"option 2"}, 
     {value:3, text:"option 3"}, 
    ]; 

     $('show_something').selectize({ 
     plugins: ['remove_button', 'restore_on_backspace'], 
     options: 'options' 
     }); 
    }); 
</script> 
{% endblock %} 

{% block content %} 
<form method="post"> 
<label>whatever 
    <show_something></show_something> 
</label> 

これで何もできません。デフォルトでoption 0とoption 1を選択し、option 2とoption 3を選択する可能性があります。

単純なことを行う方法については情報がありません。

Answer 1

私が今知っているOK：Pの半分の時間をより多くのグーグル：P

{% block head %} 
<link rel="stylesheet" href="{% static 
'plugins/selectize/dist/css/selectize.default.css' %}"> 
<script type="text/javascript" src="{% static 
'plugins/selectize/dist/js/standalone/selectize.js' %}"></script> 

<script type="text/javascript"> 
    $(function() { 

var options1=[{ 
       value: 0, 
       title: 'option 0', 
      }, { 
       value: 1, 
       title: 'option 1', 
      }, { 
       value: 2, 
       title: 'option 2', 
      }, { 
       value: 3, 
       title: 'option 2', 
     }]; 

    $('#show_something').selectize({ 
      plugins: ['remove_button', 'restore_on_backspace'], 
      maxItems: null, 
      valueField: 'value', 
      labelField: 'title', 
      searchField: 'title', 
      options: options1, 
      create: false 
     }); 
}); 
</script> 
{% endblock %} 

{% block content %} 
<form method="post"> 
<selectize id="show_something" multiple="multiple" placeholder="whatever" 
style="width:100px; height:25px;" class="selectized"></selectize> 
</form>