通过单击链接提交表单,而不使用提交按钮
Submit a form by clicking links, without using a submit button
我试图通过单击链接提交表单,而不使用提交按钮。表单的每个元素都有其值,单击时必须提交该值。它不起作用。我可以使用JavaScript或jQuery。请看一下代码:
<head>
<style>
div {
width: 100px;
height: 100px;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
</style>
</head>
<body>
<form name="myform" action="test.php" method="post">
<div>
<a href="javascript: submitform()" value='h1'>h1</a><br>
<a href="javascript: submitform()" value='h2'>h2</a><br>
<a href="javascript: submitform()" value='h3'>h3</a><br>
</div>
</form>
<script type="text/javascript">
function submitform()
{
document.myform.submit();
}
</script>
<div>
<?php
$form=$_POST['myform'];
echo $form.' bla<br>';
?>
</div>
</body>
</html>
有了更多的建议-工作!!!
<head>
<script src="jquery.js" type="text/javascript"></script>
<style>
div {
width: 100px;
height: 100px;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
</style>
</head>
<body>
<form name="myform" action="test.php" method="post">
<input type='hidden' id='hx' name='hx' value=''>
<div>
<a href="javascript: submitform('h1')">h1</a><br>
<a href="javascript: submitform('h2')">h2</a><br>
<a href="javascript: submitform('h3')">h3</a><br>
</div>
</form>
<script type="text/javascript">
function submitform(val)
{
$("#hx").val(val);
document.myform.submit();
}
</script>
<div>
<?php
echo $_POST['hx'];
?>
</div>
</body>
</html>
在<form...>
:之后添加下一行
<input type='hidden' id='hx' name='hx' value=''>
然后,将您的呼叫功能更改为:
<a href="javascript: submitform('h1')">h1</a><br>
您的功能:
<script type="text/javascript">
function submitform(val)
{
$("#hx").val(val);
document.myform.submit();
}
</script>
在您的php:中
echo $_POST['hx'];
它是如何工作的
1.你点击链接
2.js函数更改HIDDEN INPUT字段的值
3.js函数提交表单
4.$_POST与隐藏的输入值
首先,我不会使用href="javascript:submitForm();"
,而是使用href="#" onclick="submitForm(this)"
在表单中添加隐藏字段
<input type="hidden" value="" id="hiddenId" />
在submitForm方法中,将myform更改为forms[0]。我相信这将是更友好的跨浏览器。任何人。。。在方法中添加一个参数,以便设置隐藏字段值。
<script type="text/javascript">
function submitform(el)
{
document.getElementById('hiddenId').value = el.value;
document.forms[0].submit(el);
}
</script>
<a href="javascript: submitform('h1')">h1</a>
function submitform(val)
{
$.post('.', { myform: val });
}
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function() {
$("form a").click(function() {
var value = $(this).data('value');
$.post('.', { myform: value });
return false;
});
});
</script>
</head>
<body>
<form>
<a href="" data-value="h1">h1</a>
<a href="" data-value="h2">h2</a>
<a href="" data-value="h3">h3</a>
</form>
</body>
</html>
相关文章:
- 带有验证和隐藏字段值的提交按钮
- 如何在 API 调用后和 if 语句中启用提交按钮
- 提交按钮,该按钮位于使用 Excel VBA 的 Javascript 中
- 如何使用提交按钮搜索表中的记录
- 在单击按钮前后禁用提交按钮
- 在表单完成并确认密码之前,请禁用提交按钮
- 如何使用Java脚本创建提交按钮's的拖放功能
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- 提交按钮通过JQuery和JavaScript函数所做的更改不会持续
- 从输入时提交到jQuery,无需提交按钮,无需表单操作
- onclick提交按钮JSP
- 通过提交按钮传递值
- 如果ng单击附加到提交按钮,则表单未验证
- 如何在Razor MVC 5.2.3 Ajax中使用多个提交按钮
- 使用提交按钮隐藏未选中的单选按钮
- Ruby/JS如何在提交按钮后重新加载页面
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 使用javascript后,提交按钮不起作用
- 如何使用jQuery/Ajax响应特定的提交按钮
- 表单中的提交按钮在 PHP 打印中不起作用