jquery - Rails jquery select2

Question

将 allowClear 选项添加到我 View 中的 select2 小部件的正确方法是什么？

$ ->
  $("#practice_toolkeeper").select2().select2('val',$("#toolkeeper_value").val())

我认为有以下代码:

<%= f.select :toolkeeper, options_from_collection_for_select(@people, :id, :name), :prompt => "Select type question" %>

生成此 HTML:

<select id="practice_toolkeeper" name="practice[toolkeeper]">
    <option value="">Select type question</option>
    <option value="21">sdifj</option> 
    <option value="20">maxam</option> 
    <option value="22">maxab</option> 
    <option value="19">maxa</option> 
    <option value="23">dafuq</option> 
    <option value="15">bla</option> 
    <option value="24">asdasdasd</option> 
    <option value="13">abl</option> 
    <option value="17">Testa</option> 
</select>

我尝试了很多变体，但还没有一个起作用......

Answer 1

您需要做一些事情才能使其正常工作:

1. 在初始化小部件时使用的选项对象中设置 allowClear 和 placeholder 选项:

   $ ->
     $("#practice_toolkeeper")
         .select2({ 
             allowClear: true,
             placeholder: 'Select type question'
         })
         .select2('val',$("#toolkeeper_value").val())
   

2. 看起来 allowClear 选项仅在 select 中有空 option 时才起作用。要生成空选项，您可以在生成选择时使用 {:include_blank => true}:

   <%= f.select :toolkeeper, options_from_collection_for_select(@people, :id, :name), {:include_blank => true} %>
   

   基本上，您希望 HTML 看起来像这样:

   <select id="practice_toolkeeper" name="practice[toolkeeper]">
       <option value=""></option>
       <option value="21">sdifj</option> 
       <!-- etc -->
   </select>
   

示例: http://jsfiddle.net/Z63d7/