如何根据 Ruby Rails 中的表单选择创建文本框警报/悬停弹出文本？

Question

到目前为止，我在 form.html.erb 中有此代码，但它无法按我希望的方式工作。它只显示占位符值。我想要做的是：当用户选择 A 时，我希望选择 A 旁边的文本框显示一些文本以提供有关该选择的更多详细信息。

<%= form.label :title %><br>
<%= form.select :title, ['A', 'B','C','D' ]%>
<%= form.text_field : Content, class:"form-control", placeholder:'text here', style:"#{'display: This is A' if form.object.title == 'A'}" %>

Answer 1

Rails Form Helpers 不会代表你做所有事情，如果你想在表单周围做一些魔术，你必须放一些 javascript.

在您的情况下，如果您只想显示一个简单的警报来显示所选的选项信息，您可以这样做：

 <% ruby_var = "this is ruby variable"; options = {
      "A": "I like ice cream and I like books",
      "B": "I like pizza and I do not like books",
      "C": ruby_var
    }.to_json
 %>

<%= form.select(:title, ['A', 'B','C','D' ], {}, :onChange =>"javascript: alert(#{options}[this.value]);")%>

如果想要更多，自己写js来操作dom个元素

如何根据 Ruby Rails 中的表单选择创建文本框警报/悬停弹出文本？

How do I create a text box alert/ hover pop up text depending on form selection in Ruby on Rails?

html

forms

ruby-on-rails

erb