为什么rails select会生成额外的div区块？

Question

我使用的轨道3.2.13和引导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

是的，正常的。

DIV是您实际点击下拉菜单时显示的那个DIV。请记住，这是一个自定义DropDown。当你点击它时，就会构造并显示一个包含所有选项值的DIV。当一个选项被选中时，类CLOSED被添加到div中。