0

現在、部屋とそれぞれの建物をグループ化するマルチ セレクト ボックスがあります。

各オプションに ID を追加したいことを除いて、すべてがうまく機能します。

これどうやってするの？

形

<div class="form-group">
    <%= f.grouped_collection_select(:room_ids, Building.order('name ASC'), :rooms, :name, :id, :name, {include_blank: false}, {multiple: true, size: 10, :class => "form-control"}) %>
</div>

HTML

<select multiple="multiple" size="10" class="form-control" name="key[room_ids][]" id="key_room_ids" data-parsley-multiple="key[room_ids][]" data-parsley-id="5221">
  <optgroup label="Accounting Library">

    ###Is their a way to add an ID to this so I can manipulate it with javascript?
    <option value="142">105</option>
    <option value="143">105A</option>

  </optgroup>
  <optgroup label="Ahmanson Center">
    <option value="721">fad</option>
    <option selected="selected" value="144">105B</option>
  </optgroup>
</select>
4

1 に答える 1

1

を使用して各オプションに ID を追加する方法はないと思いgrouped_collection_selectますが、jQuery を使用してオプションを簡単に選択できます。たとえば、値 = '721' のオプションを選択するには、次のセレクターを使用します。

$('#key_room_ids option[value="721"]')
于 2016-10-31T18:45:43.450 に答える