3

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

4

4 回答 4

3

大概你无论如何都会以英寸为单位存储它,所以你可以生成你@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 } }

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

于 2012-04-19T10:27:46.813 回答
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();"} %>
于 2012-04-19T07:09:59.613 回答
0

这是人类身高的好宝石 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} %>
于 2016-04-11T15:06:34.417 回答
0

科林的回答让我成功了:

<%=
  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' 
%>

身高下拉leo

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>

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

这是一些相关文档

于 2016-05-20T19:45:29.250 回答