如何使用此javascript函数向表单发送变量?
我接到一个电话:如何使用此javascript函数向表单发送变量?,javascript,variables,forms,onclick,submit,Javascript,Variables,Forms,Onclick,Submit,我接到一个电话: onClick="mySubmit(); 它调用此函数: function mySubmit(){ document.getElementById("myForm").submit(); } 然后提交此表格: <form id="myForm" action="action.php" method="post"> 我的问题是:如何从onClick向表单发送变量以获得类似 谢谢 最简单的方法:在表单中附加一个隐藏字段 <form id="myF
onClick="mySubmit();
它调用此函数:
function mySubmit(){
document.getElementById("myForm").submit();
}
然后提交此表格:
<form id="myForm" action="action.php" method="post">
我的问题是:如何从onClick向表单发送变量以获得类似
谢谢 最简单的方法:在表单中附加一个隐藏字段
<form id="myForm" action="action.php" method="post">
<input type='hidden' id= 'hiddenField' name='id' value='' />
<script>
function mySubmit() {
document.getElementById('hiddenField').value = "Whatever I want here";
document.getElementById("myForm").submit();
}
</script>
名称
在表单中隐藏一个输入类型,然后提交表单
<input id="id" name="id" type="hidden" />
但是通过设置form method=“post”,id将不会成为查询字符串的一部分,即url将保持action.php
相反
如果您确实想要查询字符串中的id,即url action.php?id=**那么您需要更改表单method=“get”,这样隐藏字段id将自动成为url的一部分,即action.php?id=**
了解
如果您确实需要使用method=“post”action=“action.php”您的HTML:
<form id="myForm" action="#" method="post">
<input type='hidden' id="id" name='id' value='123' />
<input type='submit' name='submit' value='Click me !' onclick='addParam()' />
</form>
多谢各位
<form id="myForm" action="#" method="post">
<input type='hidden' id="id" name='id' value='123' />
<input type='submit' name='submit' value='Click me !' onclick='addParam()' />
</form>
function addParam() {
var url = "action.php?id=" + document.getElementById('id').value;
document.getElementById("myForm").setAttribute('action', url);
}