带有必填字段的Rails下拉菜单

3th*_*1ll 6 html css ruby ruby-on-rails twitter-bootstrap

我正在尝试调整现有的配置文件设置菜单,以便我可以预先确定某些字段,例如带有下拉选项的性别,而不是用户必须输入它们.现在的代码如下所示,

<%= 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%>
Run Code Online (Sandbox Code Playgroud)

具体来说,我想创建以下两段代码的某种混合,以便用户可以在下拉列表中选择一个值,然后在提交表单时保存该值.

<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>
Run Code Online (Sandbox Code Playgroud)

Pav*_*van 10

你可以使用select这样的

<%= f.select :gender, %w{Male Female}, :prompt => 'Select', required: true, placeholder: 'Gender', class: 'form-control' %>
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅此API.