ruby - Rails 的人体高度下拉列表

Question

我需要一个人类身高的下拉列表，例如 5'2、5'3、5'4 等。最好是 4'0 到 8'0。有宝石或插件吗？我似乎找不到一个。

Answer 1

大概你无论如何都会以英寸为单位存储它，所以你可以生成你@heights的传递给 options_from_collection_for_select 像：

(56..112).to_a.map { |inch| { id: inch.to_s, name: (inch/12).floor.to_s+'\''+(inch%12).to_s } }

也许将英寸到字符串的转换分解为辅助方法。

Answer 2

不确定这是否是最好的方法，但你可以尝试这样的事情

@heights = (4..7).to_a.collect{|o| 0.upto(11).to_a.collect{|k| ["#{o.to_s+'\'' + k.to_s}",o.to_s + k.to_s]}}.inject([]){|s,v| s | v}

或更好，

@heights = (4..7).to_a.collect{|o| 0.upto(11).to_a.collect{|k| ["#{o.to_s+'\'' + k.to_s}",o.to_s + k.to_s]}}.flatten(1)

这将给出一个类似的结构，

[["4'0", "40"], ["4'1", "41"], ["4'2", "42"], ["4'3", "43"], ["4'4", "44"]] # and so on..

现在，要为选择选项准备此结构，您可以使用：

@heights.map { |name, id| OpenStruct.new(:value => id, :name => name) } 

这将为每个高度元素提供一个名称和值对，可用于为选择标签制作选项

您可能需要包含 OpenStruct，因此请使用

require 'ostruct' 

把它放在选择标签中：

<%= select_tag "Height", options_from_collection_for_select(@heights,'value','name'), html_options = { :onChange=> "height_changed();"} %>

Answer 3

这是人类身高的好宝石 https://github.com/AlexanderZaytsev/height

写一个助手

def height
(121..244).to_a.collect{|k| ["#{Height.new(k).to_s(:default, :metric)}","#{Height.new(k).to_s(:default, :imperial)}","#{Height.new(k).feet}"]}
end

输出

[["1m 21cm", "4 ft 0 in", "4"], ["1m 22cm", "4 ft 0 in", "4"], ["1m 23cm", "4 ft 0 in", "4"], ["1m 24cm", "4 ft 1 in", "4.08"]

使用模板中的方法

<%= f.input :how_tall_are_you, label: "How tall are you ? (in feet  and Cm)", collection: height.map { |cm, inc, value| ["#{cm} - #{inc}", "#{value}"] }  ,prompt: "-Please select one-",input_html: { class: 'form-control input-lg', required: true} %>

Answer 4

科林的回答让我成功了：

<%=
  n.select :height, 
  options_for_select((36..96).to_a.map { |inch| 
    { 
      id: inch.to_s, 
      name: (inch/12).floor.to_s+'\''+(inch%12).to_s+'"' 
    }
  }),
  {},
  id: 'height' 
%>

在视图中，下拉菜单显示如下：

HTML 呈现如下：

<select id="height" name="height_select">
<option value="{:id=>&quot;36&quot;, :name=>&quot;3'0\&quot;&quot;}">{:id=&gt;"36", :name=&gt;"3'0\""}</option>
<option value="{:id=>&quot;37&quot;, :name=>&quot;3'1\&quot;&quot;}">{:id=&gt;"37", :name=&gt;"3'1\""}</option>
<option value="{:id=>&quot;38&quot;, :name=>&quot;3'2\&quot;&quot;}">{:id=&gt;"38", :name=&gt;"3'2\""}</option>
....

为了让它只显示高度，我添加了一个集合并指定要显示的内容（名称）。我还指定了一个默认值（user_height）。

<%= 
  n.select :height, 
  options_for_select(
    (36..96).to_a.map { |inch| 
      { 
        id: inch.to_s, 
        name: (inch/12).floor.to_s+'\''+(inch%12).to_s+'"' 
      } 
    }.collect{ |p| 
      [p[:name], 
      p[:id].to_i]
    },
    user_height),
    {},
    id: 'height' 
%>

HTML 渲染：

<select id="height" name="height_select">
<option value="36">3'0"</option>
<option value="37">3'1"</option>
<option value="38">3'2"</option>
...
<option selected="selected" value="69">5'9"</option>
...
</select>

我不确定这是否是最有效的解决方案，但它有效！

这是一些相关文档。