如何使用 rails 在输入框中添加美元符号 ($)？答案

【问题标题】：how do I add a dollar sign ($) to my input box using rails?如何使用 rails 在输入框中添加美元符号 ($)？
【发布时间】：2015-02-05 22:28:52
【问题描述】：

我正在开发一个网络应用程序表单，但对 Rails 一无所知。我主要调整 html 和 css，而真正的开发人员则在努力工作！但我现在试图简单地添加一个美元符号 - '$' 到使用 rails 创建的输入框中。我不知道如何做到这一点，我在谷歌上的努力也没有结果。

这是输入框的代码

 ` <%= f.label :incomeAnnual, 'Annual income' %>
  <%= f.text_field :incomeAnnual, tabindex: 25 %>
  <br/>'

谁能帮帮我？

【问题讨论】：

如果您需要默认在文本框中显示 $，只需使用 HTML 中使用的 value 属性。就像这样：<%= f.text_field :incomeAnnual, tabindex: 25, :value => '$' %>
谢谢！如果我想添加自动逗号来分隔数字怎么办。例如 500,000 美元或 400,000,000 美元？
我为您提供了一个链接，可以帮助您：apidock.com/rails/ActionView/Helpers/NumberHelper/…
谢谢。我确实看到了该文档，并且一直在尝试以下列方式使用 :delimiter =>',' tabindex: 33, :value => '$', :delimiter => ',' %> 我做错了吗？ B/c 它没有添加逗号。
因此您的值将从文本框中开始。或者您需要用逗号分隔用户动态输入的值？

【解决方案1】：

要添加美元符号，您可以使用指定的 value 属性。现在要将其更改为货币格式，如果它是预定义的值，您可以使用 rails helper number_to_currency。更多详情：

但是，如果您需要在用户在文本框中输入值时动态地添加逗号，那么您需要使用 javascript。您可以使用多种方法：

还有一种我更喜欢的简单方法，即toLocaleString()，它可以应用于数字。所以你需要做的是在keypress()你需要把数字转换成你需要的格式并放在文本框中。希望这会有所帮助。

【讨论】：

【解决方案2】：

假设您希望 $ 出现在文本框中，您可以在 text_field 上使用 :value 或 :placeholder 选项。

当用户开始输入时，占位符会消失，因此您可能更喜欢这里的值。

例如：

:value=> '$'

或

:placeholder => '$'

【讨论】：

【解决方案3】：

你可以使用

 <%= f.text_field :incomeAnnual, :value=> "$ #{f.object.incomeAnnual}",tabindex: 25 %>

【讨论】：

【解决方案4】：

使用number_to_currency 函数。例如

<%= number_to_currency item.total_price %>

【讨论】：