使用类型按钮javascript提交表单

Question

我有一个带有按钮类型元素的表格。 我想使用onclick方法设置img标签的图像，然后模拟表单的“动作”。 我尝试了以下代码：

<html>
<head>
<script type="text/javascript">
function imgtest(){
document.getElementById

("test").src="progress.gif";

}
</script>


<title>Hello</title>
<body>
<form method="POST" action="test.php">
<input type="button" value="Submit" 

onclick="imgtest()">
</form>
<div id="img">
<img id="test" src="load.png">
</div>
</body>
</html>

虽然，这似乎不起作用。 另一个解决方案是什么？

Answer 1

你可以这样

给您的表格一个ID

<form method="POST" action="test.php" id="someid">

jQuery中的按钮单击方法

$('#buttonid').click(
function(){
 $("#someid").submit();
  });

使用document.getElementById('formidhere').submit(); //用于javascript解决方案

Answer 2

虽然type="submit"控件会自动提交表单，但type="button"不会。 您可以通过执行以下代码来触发JavaScript提交：

this.form.submit();

在按钮的click事件处理程序的末尾（位于表单内部）。

无需使用jQuery或为表单提供ID ，因为表单控件始终引用其表单。

Answer 3

用JavaScript

document.getElementById('form').submit();

在jQuery中

$('#button').click(function() {
    $('#form').submit();
});

Answer 4

首先将ID输入您的表格

例如

<form method="POST" action="test.php" id="testForm">

然后在您的按钮单击事件中，在imgtest（）函数中编写以下内容：

document.getElementById('testForm').submit();

Answer 5

function imgtest(){
document.getElementById("test").src="progress.gif";
var frm=document.getElementById("frm1");
frm.submit();


}

使用类型按钮javascript提交表单

问题描述

5 个解决方案

解决方案1
2 2013-09-02 11:59:03

解决方案2
2 已采纳 2013-09-02 12:02:21

解决方案3
-2 2013-09-02 12:00:55

解决方案4
-2 2013-09-02 12:04:32

解决方案5
-2 2013-09-02 12:04:55

使用类型按钮javascript提交表单

问题描述

5 个解决方案

解决方案1 2 2013-09-02 11:59:03

解决方案2 2 已采纳 2013-09-02 12:02:21

解决方案3 -2 2013-09-02 12:00:55

解决方案4 -2 2013-09-02 12:04:32

解决方案5 -2 2013-09-02 12:04:55

解决方案1
2 2013-09-02 11:59:03

解决方案2
2 已采纳 2013-09-02 12:02:21

解决方案3
-2 2013-09-02 12:00:55

解决方案4
-2 2013-09-02 12:04:32

解决方案5
-2 2013-09-02 12:04:55