javascript - 按下提交按钮后更改表单值

Question

[编辑] 经过大量挖掘，我发现问题出在我如何将 CKEditor 集成到我的页面中。在这种情况下，简单而明显的方法确实起作用，如已接受的答案中所述。

你好，

我需要在按下提交按钮之后、实际提交之前更改表单的值。

我已经尝试连接到表单的“提交”事件，并手动更改那里的文本字段值，但看起来这实际上并没有更改提交的值。

有什么想法吗？

Answer 1

我很好奇你所说的 submit 处理程序对你不起作用。它适合我。多年来，我一直在使用它来填写隐藏字段，然后再发送表格；应该也适用于其他表单字段。

示例(live copy):

HTML:

<form id='theForm'
    action='http://www.google.com/search'
    method='GET' target='_new'>
      <label>Search for:
        <input type='text' name='q' id='txtSearch'></label>
      <input type='submit' id='btnSearch' value='Search'>

JavaScript:

window.onload = function() {

  document.getElementById('theForm').onsubmit = function() {
    var txt = document.getElementById('txtSearch');
    txt.value = "updated " + txt.value;
  };
};​

在 Windows 上的 IE6 和 IE7 以及 Linux 上的 Chrome、Firefox 和 Opera 上进行了测试和工作。

---

更新:根据您在下方的评论，您正在使用 jQuery。使用 jQuery 也可以正常工作:

$('#theForm').submit(function() {
  var txt = $('#txtSearch');
  txt.val("updated " + txt.val());
});

Live example在同一组浏览器上进行测试和工作。 This version使用更开放的搜索而不是 id，并且仍然有效。