Ruby on Rails 表单中的 select 和 onChange

Question

我浏览了有关此主题的所有问题和答案，但我仍然无法使我的场景发挥作用。 我想在选择下拉菜单选项时触发单击按钮操作；看起来很简单，在 AJAX 中应该很常见。

以下是我的代码的相关摘录：

<%= form_for(@test, :html => {:id => "form_id", :name => "MyForm", :remote => "true"}) do |form| %>
    <%= form.label "Menu1" %>
    <%= form.select (:Menu1, [["Option1","value1"],["Option2","value2"]], :html_options=>{:onChange=>"javascript: this.form.apply_button_name.click();"}) %>

    <!-- more select menus and text fields here -->

    <div class="actions">
        <%= form.submit "Apply", :name => "apply_button_name", :remote => "true" %>
    </div>
<% end %>

我对表单和按钮都使用了 ":remote => "true" 因为这是让 AJAX 工作的唯一方法。我还尝试过使用和不使用显式的 "html_options" 和 "javascript :"，在我浏览了一些建议的答案后，但这没有帮助。我也尝试了 onSelect 和 onClick 而不是 onChange，但仍然没有运气。

生成的 HTML 如下：

    Menu1
    <select id="test_Menu1" name="test[Menu1]"><option value="value1">Option1</option>
<option value="value2" selected="selected">Option2</option></select>

如您所见，没有HTML 代码中的 onChange 事件处理程序；为什么？有人看到我做错了什么吗？

感谢您的帮助。

Answer 1

修改对 form.select 的调用，如下所示：

<%= form.select :Menu1, [["Option1","value1"],["Option2","value2"]], {}, 
                :onChange=>"javascript: this.form.apply_button_name.click();" %>

Answer 2

如果您检查以下文档：

API Dock Ruby on Rails select

您将看到选择表单助手采用以下形式：

select(object, method, choice, options = {}, html_options = {})

如果您没有为选项哈希传递任何内容（在您的情况下，这将是一个空哈希），该表单认为您的 html_options 哈希是您的选项哈希，并且会感到困惑。

检查这一点的一种方法是添加类似 {:onchange=>; "alert('Hello');"} 并查看事件是否成功触发，或者在您的实际网页中，右键单击选择元素并检查它。如果 html 中不存在 onchange 选项，则意味着您的 Rails 表单助手确实将 html_options 与其他选项混淆了。因此，您应该具备：

<%= form.select (:Menu1, [["Option1","value1"],["Option2","value2"]], {}, {:onChange=>"handler();"} %>

请确保在 HTML 选项之前包含选项的空哈希，这样就可以了。我认为你甚至不需要拥有 html_options 和 javascript 的东西。

最后，如果onChange不起作用，请尝试使用不带大写C的onchange。