如何使用此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);

            }