Javascript:从 Ruby on Rails 生成的按钮访问 'action' 属性

Question

我的 RoR 应用程序 View 中有这行代码:

<%= button_to "Attend Event", attend_event_path(@event), :remote => true, :id => "attend", :class => "tester" %>

它生成以下代码:

<form class="button_to" method="post" action="/events/2/attend" data-remote="true">
    <input id="attend" class="tester" type="submit" value="Attend Event" /> 
    <input type="hidden" name="authenticity_token" value="1GDsVpuZ4nu3OqSUajEtv2gO4m1QASXcceKlw9FRjbMxKFIIYMr741fSVDA8VeXUAolGyY85d7LpvOjfhs4fVA==" />
</form>

现在，我们可以看到我的 id 和 class 已放入 input 标记中；我无法将它们放在 form 标记中。我需要一种方法来从表单标记中的 action 键中提取 /events/2/attend，但我无法添加 ID 来执行此操作，并且document.getElementByClassName 不起作用。

以前，我有一个链接而不是按钮，并且 document.getElementById("attend").getAttribute("href"); 做到了这一点，但我正在尝试使用按钮，而不是链接。

有人可以向我建议一些 Javascript 代码，让我能够获取 action 键的值(或者一些 ruby​​ 代码，让我能够向表单标记添加 ID)吗？我需要这个值作为 Ajax URL。

非常感谢

Answer 1

您可以从子节点遍历到父节点。如果您没有使用jquery，那么使用纯javascript，您可以使用parentNode或parentElement来获取父`。

尝试以下操作:

var inputElement = document.getElementById("attend");
var formElement = inputElement. parentElement;
var formAction = formElement.action;