如何將ID添加到grouped_collection_select中的選項

Question

我目前有一個多選框，用於將房間與其各自的建築物分組。

一切都很好，除了我想爲每個選項添加一個ID。

我該怎麼做？

FORM

<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> 

Answer 1

我不相信有任何方式的ID添加到使用grouped_collection_select每個選項，但你可以很容易的選擇選項使用jQuery。例如，要選擇值='721'的選項，請使用以下選擇器：

$('#key_room_ids option[value="721"]')