在 Ruby on Rails 提交按钮表单助手中指定元素 ID答案

【问题标题】：Specify element ID in Ruby on Rails submit button form helper在 Ruby on Rails 提交按钮表单助手中指定元素 ID
【发布时间】：2016-09-11 15:51:30
【问题描述】：

我正在尝试使用以下代码将 ID 属性应用于表单的提交按钮：

= form_for @guild do |f|
  = f.file_field :image
  = f.text_area :description
  = f.submit "speichern", id: "message_button"

这是生成的 HTML：

<form class="new_message" id="new_message" action="#" accept-charset="UTF-8" method="post">
  <input name="utf8" type="hidden" value="&#x2713;" />
  <input type="hidden" name="authenticity_token" value="..." />      
  <input type="hidden" name="chat_room_id" id="chat_room_id" value="2" />
  <div class='form-group'>
    <textarea class="text-area" name="message[body]" id="message_body">
    </textarea>
    <small class='text-muted'>From 2 to 1000 characters</small>
  </div>
  <input type="submit" name="commit" value="Post" data-disable-with="Post" />
</form>

但是当我查看生成的 HTML 时，没有 ID。如何向此元素添加 ID？

【问题讨论】：

对不起，我没有注意到你想在哪里添加 id 属性。这段代码应该可以正常工作。您是否在源代码视图中检查了生成的代码？不在开发工具中。您是否启用了某种缓存？
在源码视图中是一样的
以上应该可以。您的应用程序是否在生产模式下运行？如果是这样，您需要重新启动它才能看到更改。
@pdoherty926 重启也没有用
正如@MichałMłoźniak 建议的那样，听起来好像正在缓存某些东西。您应该尝试在隐身模式下打开新标签页或使用新浏览器。此外，您应该包含生成的 HTML 相关部分的源代码。

标签： ruby-on-rails forms ruby-on-rails-4 haml ruby-on-rails-5

【解决方案1】：

首先，您包含的 HAML sn-p应该创建一个具有所需 ID 的提交按钮。

其次，您包含的 HTML 似乎是由一些不同的代码生成的：提供的 HTML 中不存在图像和描述字段，并且您的代码 sn-p 不会生成 div.form-group .也许您正在更改 edit.haml 而不是 new.haml？

【讨论】：