我有一个带有按钮类型元素的表单。我想使用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>
虽然,这似乎不起作用。可能是另一种解决方案?
答案 0 :(得分:2)
你可以这样做
为您的表单提供ID
<form method="POST" action="test.php" id="someid">
on jquery中的按钮点击方法
$('#buttonid').click(
function(){
$("#someid").submit();
});
使用document.getElementById('formidhere').submit();
//获取javascript解决方案
答案 1 :(得分:2)
虽然type="submit"
控件确实会自动提交表单,但type="button"
却没有。您可以通过执行
this.form.submit();
在按钮的click事件处理程序的末尾(在表单内)。
无需使用jQuery或为表单提供ID ,因为表单控件总是会返回其表单。
答案 2 :(得分:-2)
在Javascript中
document.getElementById('form').submit();
在JQuery中
$('#button').click(function() {
$('#form').submit();
});
答案 3 :(得分:-2)
首先将ID提供给您的表单
离。
<form method="POST" action="test.php" id="testForm">
然后在你的按钮点击事件中写下如下 imgtest()函数:
document.getElementById('testForm').submit();
答案 4 :(得分:-2)
function imgtest(){
document.getElementById("test").src="progress.gif";
var frm=document.getElementById("frm1");
frm.submit();
}