是否可以在窗体上以编程方式调用JavaScript的OnSubmit事件?

在RubyonRails中,我正在尝试更新 innerHTML 使用 form_remote_tag 帮手。每当关联的select标记收到onchange事件时,就会进行此更新。问题是, <select onchange="this.form.submit();"> 不起作用。也不 document.forms[0].submit() . 获取表单“remote”标记中生成的on submit代码的唯一方法是创建一个隐藏的提交按钮,并从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>

我想删除不可见的提交按钮,但是使用一个直接的表单。提交似乎不起作用。所以,我需要某种方法来调用表单的onSubmit事件代码。

更新:如果没有 return(false); 由Rails生成。不过,我不确定哪一个更糟,发送一个幻影点击到一个看不见的提交按钮或调用eval getAttribute('onsubmit') 用javascript字符串替换移除返回调用后调用!