2014-05-07 9 views
6

मैं एक मौजूदा प्रोफ़ाइल सेटअप मेनू को ट्विक करने की कोशिश कर रहा हूं ताकि मैं कुछ फ़ील्ड पूर्व निर्धारित कर सकूं, जैसे उपयोगकर्ता को टाइप करने के बजाय ड्रॉप डाउन विकल्पों के साथ लिंग। कोड जो खड़ा है नीचे के रूप में,आवश्यक फ़ील्ड के साथ रेल ड्रॉपडाउन मेनू

<%= form_for @profile, html: {multipart: true}, url: profile_path do |f| %> 

    <div class="col-md-6"> 

    <div class="form-group"> 
     <%= f.text_field :firstname, required: true, placeholder: 'Firstname', class: 'form-control' %> 
    </div> 


    <div class="form-group"> 
     <%= f.text_field :lastname, required: true, placeholder: 'Lastname', class: 'form-control' %> 
    </div> 

     <div class="form-group"> 
     <%= f.date_field :dob, required: true, placeholder: 'Date of Birth', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :contactnr, required: true, placeholder: 'Contact Number', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :address1, required: true, placeholder: 'Address Line 1', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :address2, required: true, placeholder: 'Address Line 2', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :town, required: true, placeholder: 'Town', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :county, required: true, placeholder: 'County', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :country, required: true, placeholder: 'Country', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :postcode, required: true, placeholder: 'Postcode', class: 'form-control' %> 
    </div> 

    <div class="form-group"> 
     <%= f.text_field :gender, required: true, placeholder: 'Gender', class: 'form-control' %> 
    </div> 

    <form action=""> 
     <input type="radio" name="sex" value="Male">Male<br> 
     <input type="radio" name="sex" value="Memale">Female 
    </form> 

    </div> 

    <div class="col-md-6"> 

    <div class='uploaded-pic'> 
     <%= image_tag @profile.image.url(:medium) %> 
    </div> 

    <div class="form-group"> 
     <%= f.file_field :image %> 
    </div> 

    <%= f.submit class: 'btn btn-success' %> </p> 

    </div> 

<%end%> 

विशेष रूप से, मैं जब रूप है, कोड की नीचे दो टुकड़े का मिश्रण किसी तरह का बनाने के लिए इतना है कि उपयोगकर्ता है कि ड्रॉप डाउन में एक मूल्य का चयन कर सकते तो सहेजा जाएगा चाहते हैं प्रस्तुत।

<div class="form-group"> 
      <%= f.text_field :gender, required: true, placeholder: 'Gender', class: 'form-control' %> 
     </div> 

     <form action=""> 
      <input type="radio" name="sex" value="Male">Male<br> 
      <input type="radio" name="sex" value="Memale">Female 
     </form> 

उत्तर

9

आप अधिक जानकारी के लिए एक select इस

<%= f.select :gender, %w{Male Female}, :prompt => 'Select', required: true, placeholder: 'Gender', class: 'form-control' %> 

की तरह उपयोग कर सकते हैं, इस API देखते हैं।

+1

बिल्कुल सही, चीयर्स साथी। एकमात्र चीज जिसे मुझे संपादित करना था (किसी भी मुद्दे के साथ किसी भी व्यक्ति के लिए), कोड की शुरुआत में 'एफ' प्लेसहोल्डर (f.select) था और इसे उपयुक्त नामित div और class name में लपेटने के लिए था। –

+0

@ रिचर्ड कूल! मदद करने में खुशी :) – Pavan

संबंधित मुद्दे