Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取单击的提交按钮的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 获取单击的提交按钮的值

Javascript 获取单击的提交按钮的值,javascript,jquery,html,Javascript,Jquery,Html,我试图从公式中获取两个提交按钮中的一个按钮的值,但每次尝试都失败了 希望有人能帮我,告诉我怎么做 这是html表单 <form id="new_contact" class="save_form" action="kontaktdetails.php?art='.$_POST['art'].'" method="post" > <button class="btn" id="submit1" type="submit" name="save_close">Save

我试图从公式中获取两个提交按钮中的一个按钮的值,但每次尝试都失败了

希望有人能帮我,告诉我怎么做

这是html表单

<form id="new_contact" class="save_form" action="kontaktdetails.php?art='.$_POST['art'].'" method="post" > 
   <button class="btn" id="submit1" type="submit" name="save_close">Save and close<i class="fa fa-save-right"></i></button>
   <button class="btn" id="submit2" type="submit" name="save_next">Save and next one<i class="fa fa-save-right"></i></button>
</form>

有很多方法可以做到这一点,一种是在按钮中添加一个事件处理程序,因为单击发生在提交之前,然后使用一个类或其他东西来标识在提交处理程序中单击了哪个按钮。
这样,您仍然可以捕获并阻止未通过按钮启动的提交

如果您不需要专门捕获submit,那么您可以对按钮使用事件处理程序,而不是表单submit

$(文档)。在('单击','上。保存表单按钮',函数(){
$('.save_form button')。removeClass('单击');
$(this.addClass('clicked');
});
$(文档).on('submit','save_form',函数(事件){
event.preventDefault();
var formID=$(this.attr('id');
var formDetails=$(“#”+formID);
var fileurl=$(this.attr('action');
var id=$(this.find('button.clicked').prop('id');
警报(id)
});

保存并关闭
保存和下一个

有很多方法可以做到这一点,一种方法是向按钮添加事件处理程序,因为单击发生在提交之前,然后使用类或其他方法来确定在提交处理程序中单击了哪个按钮。
这样,您仍然可以捕获并阻止未通过按钮启动的提交

如果您不需要专门捕获submit,那么您可以对按钮使用事件处理程序,而不是表单submit

$(文档)。在('单击','上。保存表单按钮',函数(){
$('.save_form button')。removeClass('单击');
$(this.addClass('clicked');
});
$(文档).on('submit','save_form',函数(事件){
event.preventDefault();
var formID=$(this.attr('id');
var formDetails=$(“#”+formID);
var fileurl=$(this.attr('action');
var id=$(this.find('button.clicked').prop('id');
警报(id)
});

保存并关闭
保存和下一个

尝试将事件绑定到提交按钮,如下所示:

$('.save_form')。在('click','[type=submit]'上,函数(事件){
event.preventDefault();
var submitbutton=$(this.attr('id');
var formDetails=$(this).closest('form');
var formID=formDetails.attr('id');
var fileurl=formDetails.attr('action');
控制台日志(submitbutton);
});

保存并关闭
保存和下一个

尝试将事件绑定到提交按钮,如下所示:

$('.save_form')。在('click','[type=submit]'上,函数(事件){
event.preventDefault();
var submitbutton=$(this.attr('id');
var formDetails=$(this).closest('form');
var formID=formDetails.attr('id');
var fileurl=formDetails.attr('action');
控制台日志(submitbutton);
});

保存并关闭
保存和下一个

假设您有下面的表单

<form id="sForm">
      <input type="text" name="toSearch" id="toSearch" />
      <input type="submit" id="mysubmit"/>
 </form>
提交时将检索该值,但您可以将其更改为Onclick或任何其他类型的操作


希望对您有所帮助

假设您有下面的表格

<form id="sForm">
      <input type="text" name="toSearch" id="toSearch" />
      <input type="submit" id="mysubmit"/>
 </form>
提交时将检索该值,但您可以将其更改为Onclick或任何其他类型的操作


希望它会有帮助

为什么不
$(文档)。在('click','button[type=“submit”]”上,function(){/'this'是按钮,表单信息仍然可用..})
它看起来像是
$(document)
应该是form@robbmj你为什么建议这样做?为什么不做('click','button[type=“submit”]',function(){/'this'是按钮,表单信息仍然可用..})
它看起来像是
$(document)
应该是form@robbmj你为什么这么建议?嗨,这可能是正确的方法,但是如果我只使用提交事件,所有表单都会从这个函数中捕获!?如何使表单id=“new\u contact”class=“save\u Form”仅在此函数上运行?您好,这可能是正确的方法,但如果我仅使用提交事件,所有表单都将从此函数中捕获!?如何使表单id=“new\u contact”class=“save\u Form”仅在该函数上运行?我认为在重新加载表单(例如由于错误)的情况下,这种方式不会再运行一秒钟或几次!?当窗体被重新加载时,没有理由不工作,事件处理程序被附加到文档中。我认为在窗体被重新加载的情况下(例如,由于错误),这种方式一秒钟或几次都不会工作!?当表单被重新加载时,事件处理程序被附加到文档中,它没有理由不工作
$('#sForm').on("submit",function(e){
var myvar = $('#toSearch').val();
//Now you can do anything you wish with the variable myvar
//  Put more code here.

  e.preventDefault();

});