jquery - 如何使用 jquery 更改表单的操作

Question

这里的脚本:

$('#txt').click(function(){

         $('#formID').attr('action', 'https://www.google.se/');

});

此处为 HTML:

<form method="post" name="myForm" action="http://www.youtube.com/" id="formID"  >

        <input type="button" id="txt" value="Submit" />

</form>

所以基本上我想要发生的是，当我按下提交按钮时，表单的操作将更改为 google 并且 google 将打开。这根本不起作用，我不知道为什么。 :|

Answer 1

这并不是表单的真正设计目的，因此您必须覆盖表单中提交按钮的正常行为。

实现此目的的一种方法是通过 jQuery(假设 txt 是提交按钮的 id):

$('#txt').click(function(e) {
    e.preventDefault(); //prevent form from attempting to submit
    window.location.href = "http://google.com";
});

注意:已更新。忘记了 function() 中的 'e' 以及 e.preventDefault() 之后的括号