为什么rails选择会产生额外的div块？

Question

我正在使用rails 3.2.13和bootstrap 2.3.1.0，具有以下形式

<%= form_for(Website.new, :url => websites_path, :validate => true) do |f| %>
        <div><br />
          <%= f.text_field :site_name, :autofocus => true, placeholder: "Name"  %> </div> <br />
          <%= f.select :url_scheme, options_for_select(["http://", "https://"], selected: "http://"),{} %>
          <%= f.text_field :site_address, placeholder: "Address" %>
          <div><%= f.submit "Add" %></div>
<% end %>

因此f.select字段会产生额外的div块，如下所示，这是正常的吗？

<select id="website_url_scheme" name="website[url_scheme]" class="selecter-element" data-validate="true"><option value="http://" selected="selected">http://</option>
<option value="https://">https://</option></select>

<div class="selecter  closed"><span class="selecter-selected">http://</span><div class="selecter-options"><span class="selecter-item selected" data-value="http://">http://</span><span class="selecter-item" data-value="https://">https://</span></div></div>

Answer 1

是的，这是正常的。

当您实际点击Dropdown时，DIV就是可见的。请记住，这是一个自定义的DropDown。单击它时，将构造并显示包含所有选项值的DIV。当选择一个选项时，将CLOSED类添加到div。