grouped_collection_select 안의 옵션에 ID를 추가하는 방법

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

나는 grouped_collection_select를 이용하여 각각의 항목에 ID를 추가 할 수있는 방법이 생각하지 않습니다,하지만 당신은을 쉽게 선택할 수 있습니다 jQuery를 사용하는 옵션. 예를 들어 value = '721'옵션을 선택하려면 다음 선택기를 사용하십시오.

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