Custom Style folgenden HTML-Formular Auswahlfeld in Schienen Code

Question

Ich mag Stil unter ausgewählter Drop-Down-Option Schienen Form select oder collection_select

<div class="field"> 
<label>Gender</label> 
<div class="ui selection dropdown"> 
    <input name="gender" type="hidden" value="Male"/> 
    <div class="default text">Select gender</div> 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
     <div class="item" data-value="male" data-text="Male"> 
      <i class="male icon"></i> 
      Male 
     </div> 
     <div class="item" data-value="female" data-text="Female"> 
      <i class="female icon"></i> 
      Female 
     </div> 
    </div> 
</div> 

Wie kann ich vorgehen? Weil ich es schwierig finde, Rails benutzerdefinierte Stil auswählen Helper.

Answer 1

Nun, es ist ziemlich schwierig, Ihre HTML in Rails Code zu analysieren, ohne tatsächlich damit zu arbeiten, aber Sie können einen guten Start here finden.

# A block can be passed to select to customize how the options tags will be rendered. This is useful when the options tag has complex attributes. 
    select(report, "campaign_ids") do 
     available_campaigns.each do |c| 
     content_tag(:option, c.name, value: c.id, data: { tags: c.tags.to_json }) 
     end 
    end 

Ich denke, es ist Ihr Weg zu gehen:

Wie Sie in diesem Link sehen können, können Sie benutzerdefinierte Blöcke für Optionen übergeben.