javascript - 在值输入中包含 javascript

Question

我有一个 javascript 变量，我想在提交时发送带有表单的 POST。表单也有即时发送的字段。我试图把它放在值字段中，但我猜 js 在那里不起作用。

如何使用表单发送我的 js var？

Answer 1

您可以通过在表单中​​使用hidden输入字段来执行此操作。输入字段将hidden像任何其他输入一样提交一个值，除了用户不会看到该值。hidden您可以像 Javascript 中的任何其他字段一样访问和修改输入字段。

示例 HTML

<form action="mypage.php" method="post">
  <input type="text" name="var1" value="abc" />
  <input type="text" name="var2" value="def" />
  <input id="myvar" type="hidden" name="var3" />
</form>

示例 JS

var myJSVar = 'ghi';
//Using regular Javascript
document.getElementById('myvar').value = myJSVar;
//Using jQuery
$('#myvar').val(myJSVar);

现在提交表单将在您的POST变量中生成以下内容：

var1=abc&var2=def&var3=ghi

有关隐藏输入类型的更多信息，您可以阅读w3 学校的这篇文章