7

在 Ruby on Rails 中，我尝试innerHTML使用帮助程序更新 div 标记form_remote_tag。每当关联的选择标记接收到 onchange 事件时，就会发生此更新。问题是，<select onchange="this.form.submit();">; 不起作用。也没有document.forms[0].submit()。让form_remote_tag中生成的onsubmit代码执行的唯一方法是创建一个隐藏的提交按钮，并从select标签调用按钮上的click方法。这是一个有效的 ERb 部分示例。

<% form_remote_tag :url => product_path, :update => 'content', :method => 'get' do -%>
  <% content_tag :div, :id => 'content' do -%>
    <%= select_tag :update, options_for_select([["foo", 1], ["bar", 2]]), :onchange => "this.form.commit.click" %>
    <%= submit_tag 'submit_button', :style => "display: none" %>
  <% end %>
<% end %>

我想要做的是这样的事情，但它不起作用。

<% form_remote_tag :url => product_path, :update => 'content', :method => 'get' do -%>
  <% content_tag :div, :id => 'content' do -%>
    # the following line does not work
    <%= select_tag :update, options_for_select([["foo", 1], ["bar", 2]]), :onchange => "this.form.onsubmit()" %>
  <% end %>
<% end %>

那么，有没有办法删除这个用例的不可见提交按钮？

似乎有些混乱。所以，让我解释一下。基本问题是submit()不调用onsubmit()呈现到表单中的代码。

Rails 从此 ERb 呈现的实际 HTML 表单如下所示：

<form action="/products/1" method="post" onsubmit="new Ajax.Updater('content', '/products/1', {asynchronous:true, evalScripts:true, method:'get', parameters:Form.serialize(this)}); return false;">
  <div style="margin:0;padding:0">
    <input name="authenticity_token" type="hidden" value="4eacf78eb87e9262a0b631a8a6e417e9a5957cab" />
  </div>
  <div id="content">
    <select id="update" name="update" onchange="this.form.commit.click">
      <option value="1">foo</option>
      <option value="2">bar</option>
    </select>
    <input name="commit" style="display: none" type="submit" value="submit_button" />
  </div>
</form>

我想取消不可见的提交按钮，但使用直接的 form.submit 似乎不起作用。所以，我需要一些方法来调用表单的 onsubmit 事件代码。

return(false);更新：如果Rails没有生成，Orion Edwards 解决方案将起作用。我不确定哪个更糟，向不可见的提交按钮发送幻像点击或在getAttribute('onsubmit')使用 javascript 字符串替换删除返回调用后调用 eval ！

4

7 回答 7

5

我意识到这个问题有点老了，但是你到底在做什么 eval 呢？

document.getElementById('formId').onsubmit();
document.getElementById('formId').submit();

或者

document.formName.onsubmit();
document.formName.submit();

当加载文档的 DOM 时，事件不再是字符串，而是函数。

alert(typeof document.formName.onsubmit); // function

因此，没有理由将函数转换为字符串，以便您可以评估它。

于 2010-03-17T22:20:48.630 回答
3

给你的表格一个id.

然后

document.getElementById('formid').submit();

如果您将 Javascript 加载到divviainnerHTML中，它将无法运行……仅供参考。

于 2008-08-29T02:43:46.877 回答
2

如果您必须使用 Rail 的内置 Javascript 生成，我会使用 Orion 的解决方案，但要稍作改动以补偿返回码。

eval ('(function(){' + code + '})()');

但是，在我看来，从长远来看，通过将 Javascript 代码分离到外部文件或单独的可调用函数中，您会更轻松。

于 2008-08-29T05:21:02.117 回答
1

不。

你有一个解决方案。

停下来，继续下一个功能点。

我知道，它并不漂亮，但还有更大的问题。

于 2008-09-19T17:47:10.017 回答
0

不确定您是否有答案，但在onclickselect 的功能中，调用onsubmit而不是submit.

于 2009-01-26T22:41:08.377 回答
-1

从理论上讲，类似的东西eval ('function(){' + code + '}()');可以工作（尽管语法失败）。即使这确实有效，通过 select 调用 eval 仍然是一种贫民窟onchange。另一种解决方案是以某种方式让 Rails 将onsubmit代码注入到onchangeselect 标签的字段中，但我不确定是否有办法做到这一点。ActionView 有link_to_remote，但没有明显的帮手可以在onchange现场生成相同的代码。

于 2008-08-29T06:18:14.723 回答
-3

如果您实际上并不想提交表单，而只是调用发生在 onsubmit 中的任何代码，您可以这样做：（未经测试）

var code = document.getElementById('formId').getAttribute('onsubmit');
eval(code);
于 2008-08-29T04:03:59.257 回答