javascript - 如何将 javascript 表单操作转换为 jquery？

Question

我有一个 Action 表单的 javascript 代码:

<form name="myform" onsubmit="return OnSubmitForm();" method="post">
<input type="text" value="" id="type" />
<input type="submit" value="submit" />
</form>

和javascript:

function OnSubmitForm() {
    var type = document.getElementById('type').value;
    if(type == '1') {
        document.myform.action = "index.php?type=1";
    }
    if(type == '2') {
        document.myform.action = "index.php?type=2";
    }
    return false;
}

如何将这个 javascript 转换为 jquery，请问这个想法？

Answer 1

$("form[name='myform']").submit(function() {
    this.action = "index.php?type=" + this.type.value;
    return false;
});

• form[name='myForm'] 选择名称为 myForm 的表单。
• 调用 .submit(function () { ... }) 为 submit 事件绑定(bind)一个事件处理程序。
• 在函数内部，this 指的是表单。

示例: http://jsfiddle.net/4SZrH/ (查看 Firebug 或类似工具中的 action 表单)。