Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.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_Php_Jquery - Fatal编程技术网

Javascript 如何在单击按钮时同时运行窗体操作和单击事件

Javascript 如何在单击按钮时同时运行窗体操作和单击事件,javascript,php,jquery,Javascript,Php,Jquery,我有一张这样的表格 <form name="test" action="action.php" method="get"> <input type="text" /> <input type="button" value="download"/></form> 我需要下载按钮的点击事件。例如,如果我单击下载,它应该作为action.php提交并运行$(“#按钮”)。同时单击(function(){。我该怎么做。首先请注意,元素不是自动关闭的

我有一张这样的表格

<form name="test" action="action.php" method="get">
<input type="text" />

<input type="button" value="download"/></form>

我需要下载按钮的点击事件。例如,如果我单击下载,它应该作为action.php提交并运行
$(“#按钮”)。同时单击(function(){
。我该怎么做。

首先请注意,
元素不是自动关闭的,因此当前HTML无效;
输入
元素需要在表单本身中

修复后,您可以将父窗体上的
事件提交到
#按钮
元素,如下所示:

$(“#按钮”)。单击(函数(){
log('customlogicshere…');
$(this).closest('form').trigger('submit');
});
$('form')。关于('submit',函数(e){
e、 预防默认值();
log('提交表单…');
});

首先请注意,
元素不是自动关闭的,因此当前HTML无效;
输入
元素需要在表单本身中

修复后,您可以将父窗体上的
事件提交到
#按钮
元素,如下所示:

$(“#按钮”)。单击(函数(){
log('customlogicshere…');
$(this).closest('form').trigger('submit');
});
$('form')。关于('submit',函数(e){
e、 预防默认值();
log('提交表单…');
});

在“下载”按钮上执行操作,然后使用
触发器触发表单提交

$('.download')。单击(函数(e){
警报('downloading!')//此处显示您的下载逻辑
$(this).parent().trigger('submit')//操作完成后触发表单提交
})

在“下载”按钮上执行操作,然后使用
触发器触发表单提交

$('.download')。单击(函数(e){
警报('downloading!')//此处显示您的下载逻辑
$(this).parent().trigger('submit')//操作完成后触发表单提交
})

单击
下载
按钮后,您只需通过javascript提交表单即可:

$('#button').click(function(){
...
    document.forms["myform"].submit();

单击
download
按钮后,您只需通过javascript提交表单即可:

$('#button').click(function(){
...
    document.forms["myform"].submit();


你为什么不在点击功能中编写提交表单的代码?不下载就可以提交表单吗?正如OP在评论中所说,这不是他们的实际问题,而是。所以这里应该投票关闭。你为什么不在点击功能中编写提交表单的代码?不下载就可以提交表单吗ut下载?正如OP自己在评论中所说,这不是他们的实际问题,而是。因此,这里应该投票关闭。我想这不完全是真的,他希望在下载按钮上有一个点击事件(
“#按钮”
)在这种情况下,他想提交tooYep,刚刚意识到。现在就编辑它。但也许你是对的,他想在提交或下载时同时执行这两项操作。对不起,我不太清楚。我的实际问题是。你能看一下吗?我想这不完全是真的,他想在下载按钮上单击事件(
“#按钮”
)在这种情况下,他想提交tooYep,刚刚意识到。现在编辑它。但也许你是对的,他想在提交或下载时同时执行这两个操作。对不起,我有点不清楚。我的实际问题是。你能看一下吗?对不起,我有点不清楚。我的实际问题是stackoverflow.com/questions/55607291/…可以吗我的实际问题是stackoverflow.com/questions/55607291/…你能看一下吗对不起,我有点不清楚。我的实际问题是stackoverflow.com/questions/55607291/…你能看一下吗look@Ansh首先请确认这个问题对不起,有点不清楚对我来说,我的实际问题是stackoverflow.com/questions/55607291/…你能回答一下吗look@Ansh首先请确认这个问题