Javascript 克隆表单的两个提交按钮

Javascript 克隆表单的两个提交按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有一个NEWFORM按钮用于在单击时创建新表单。每个表单有两个按钮。这两个按钮与submit.com一样工作,并有两个不同的request to action页面。我的问题:是否可以将此两个按钮用作两个提交? 以下是我的片段: $(文档).ready(函数(){ $(“.newform”)。单击(函数(){ $(“.MyForm”) .eq(0) .clone() .show() .insertAfter(“.MyForm:last”); }); $(文档)。在('单击','.MyForm按钮

有一个NEWFORM按钮用于在单击时创建新表单。每个表单有两个按钮。这两个按钮与submit.com一样工作,并有两个不同的request to action页面。我的问题:是否可以将此两个按钮用作两个提交? 以下是我的片段:

$(文档).ready(函数(){
$(“.newform”)。单击(函数(){
$(“.MyForm”)
.eq(0)
.clone()
.show()
.insertAfter(“.MyForm:last”);
});
$(文档)。在('单击','.MyForm按钮[type=submit]'上,函数(e){
e、 preventDefault()//以确保表单未提交
var$frm=$(this).closest('.MyForm');
log($frm.serialize());
$.ajax(
$frm.attr(“行动”),
{
方法:$frm.attr('method'),
数据:$frm.serialize()
}
);
});
});

新形式+
1.
2.
从数据库添加
从数据库中删除

在这里尝试一下,我为每个按钮元素创建了两个函数,并将类添加到每个类以绑定jquery click

$(文档).ready(函数(){
$(“.newform”)。单击(函数(){
$(“.MyForm”)
.eq(0)
.clone()
.show()
.insertAfter(“.MyForm:last”);
});
//单击从数据库添加的处理程序
$('body')。在('click','addfromdb',函数(e)上{
e、 preventDefault()//以确保表单未提交
var$frm=$(this).closest('.MyForm');
log($frm.serialize());
$.ajax(
$frm.attr(“行动”),
{
方法:$frm.attr('method'),
数据:$frm.serialize()
}
);
});
//单击处理程序以从数据库中删除
$('body')。打开('click','removefromdb',函数(e){
e、 preventDefault()//以确保表单未提交
var$frm=$(this).closest('.MyForm');
log($frm.serialize());
$.ajax(
$frm.attr(“行动”),
{
方法:$frm.attr('method'),
数据:$frm.serialize()
}
);
});
});

新形式+
1.
2.
从数据库添加
从数据库中删除

在这里尝试一下,我为每个按钮元素创建了两个函数,并将类添加到每个类以绑定jquery click

$(文档).ready(函数(){
$(“.newform”)。单击(函数(){
$(“.MyForm”)
.eq(0)
.clone()
.show()
.insertAfter(“.MyForm:last”);
});
//单击从数据库添加的处理程序
$('body')。在('click','addfromdb',函数(e)上{
e、 preventDefault()//以确保表单未提交
var$frm=$(this).closest('.MyForm');
log($frm.serialize());
$.ajax(
$frm.attr(“行动”),
{
方法:$frm.attr('method'),
数据:$frm.serialize()
}
);
});
//单击处理程序以从数据库中删除
$('body')。打开('click','removefromdb',函数(e){
e、 preventDefault()//以确保表单未提交
var$frm=$(this).closest('.MyForm');
log($frm.serialize());
$.ajax(
$frm.attr(“行动”),
{
方法:$frm.attr('method'),
数据:$frm.serialize()
}
);
});
});

新形式+
1.
2.
从数据库添加
从数据库中删除

否。两个按钮都会将字段值添加到数据库中。您应该使用id/类指定每个按钮,然后将适当的函数绑定到该按钮。

否。两个按钮都会将字段值添加到数据库中。您应该为每个按钮指定一个id/类,然后将适当的函数绑定到它。

您可以这样做

<form class="MyForm" method="post" action="secondpage.htm">
        <input type="text" placeholder="name" value="Aynaz" name="a1" />
        <select name="Avg">
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <button type="submit" class="addfromdb">add from DB</button>
         <button type="submit" ng-click="AnotherButton()">AnotherButton</button>
</form>

1.
2.
从数据库添加
另一个按钮
您可以这样做

<form class="MyForm" method="post" action="secondpage.htm">
        <input type="text" placeholder="name" value="Aynaz" name="a1" />
        <select name="Avg">
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <button type="submit" class="addfromdb">add from DB</button>
         <button type="submit" ng-click="AnotherButton()">AnotherButton</button>
</form>

1.
2.
从数据库添加
另一个按钮

为什么不通过两个按钮上的单击事件使用这两个操作,这将调用不同的函数。每个函数都将使用jquery完成表单提交的工作。为什么不通过两个按钮上的click事件简单地使用这两个操作,这将调用不同的函数。每个函数都将使用jquery完成表单提交工作。感谢您的回复!我想在两个不同的行动页面发送我的表格。我该怎么做呢?请找到我更新的答案,因为你可以简单地从表单元素中删除“action”并应用到每个按钮上,然后找到更新的javascript函数,在这里你可以获得当前按钮的action并提交它。非常感谢@inaz这完全是我的荣幸。谢谢你的回复!我想在两个不同的行动页面发送我的表格。我该怎么做呢?请找到我更新的答案,因为你可以简单地从表单元素中删除“action”并应用到每个按钮上,然后找到更新的javascript函数,在这里你可以获得当前按钮的action并提交它。非常感谢@伊纳兹,这完全是我的荣幸。