2

我有一个带有按钮类型元素的表单。我想用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>

虽然,这似乎不起作用。其他解决方案可能是什么?

4

5 回答 5

4

你可以这样做

给你的表格一个 id

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

jquery中的按钮单击方法

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

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

于 2013-09-02T11:59:03.220 回答
3

虽然type="submit"控件确实会自动提交其表单,但type="button"s 不会。您可以通过执行 JavaScript 触发提交

this.form.submit();

在按钮的单击事件处理程序的末尾(即在表单内)。

无需使用 jQuery 或为表单提供 ID,因为表单控件总是引用它们的表单。

于 2013-09-02T12:02:21.223 回答
-1

在 Javascript 中

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

在 JQuery 中

$('#button').click(function() {
    $('#form').submit();
});
于 2013-09-02T12:00:55.200 回答
-2

首先将 id 提供给您的表单

前任。

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

然后在您的按钮单击事件中,在您的imgtest()函数中编写如下:

document.getElementById('testForm').submit();
于 2013-09-02T12:04:32.027 回答
-2
function imgtest(){
document.getElementById("test").src="progress.gif";
var frm=document.getElementById("frm1");
frm.submit();


}
于 2013-09-02T12:04:55.833 回答