将JavaScript变量传递到HTML文本框

Question

我需要在HTML表单上获得帮助。

我有一个JavaScript变量，我想将这个变量传递给HTML表单的文本框中，并动态地显示这个变量。但我不知道如何将变量传递给HTML表单并调用变量？

var test;

<INPUT TYPE="TEXT" NAME="lg" VALUE="" SIZE="25" MAXLENGTH="50" disabled="disabled"><BR><BR>

我如何在HTML表单中传递测试（test）并更改其值？

谢谢

- Dayzza

---

请勿使用全大写的 HTML。 - SLaks

Answer 1

像这样将变量传递给表单元素

你的表单元素

<input type="text" id="mytext">

JavaScript

var test = "Hello";
document.getElementById("mytext").value = test;//Now you get the js variable inside your form element

- John Hartsock

---

谢谢。但是很抱歉我之前的问题没有表达清楚...如果变量来自另一个 .html 文件，那该怎么办？我该如何将变量从一个 HTML 文件传递到另一个 HTML 文件？ - Dayzza

@Jonathan Low，您需要提供更多细节。因为从您所说的内容来看，似乎您想使用cookie或查询字符串来传递变量值。但我并不完全确定您想要做什么。请在问题中更具体地描述。 - John Hartsock

我有一个HTML文件，在其中使用JavaScript获取变量。在JavaScript中，有一个按钮，按下后会打开一个弹出窗口..这将触发另一个包含文本框的HTML表单..我想将JavaScript变量传递给HTML表单文本框并显示它。 - Dayzza

@Jonathan Low 请阅读有关查询字符串的内容。将变量传递到URL中，然后从window.location获取查询字符串的值。 - John Hartsock

你如何将文本发送到非“input”元素，例如“div”？ - Blaszard

Answer 2

代替

document.getElementById("txtBillingGroupName").value = groupName;

您可以使用

标签来创建段落。

$("#txtBillingGroupName").val(groupName);

您可以传递字符串值（如“Group1”）而不是groupName。

- Nikhil Patel

Answer 3

<form name="input" action="some.php" method="post">
 <input type="text" name="user" id="mytext">
 <input type="submit" value="Submit">
</form>

<script>
  var w = someValue;
document.getElementById("mytext").value = w;

</script>

//php on some.php page

echo $_POST['user'];

- David

Answer 4

这也是我的问题。我这样做的原因之一是，我需要将客户端事件（JavaScript变量被修改）转换为服务器端变量（以便在php中使用该变量）。因此，需要用JavaScript变量（如sessionStorage键/值）填充表单并将其转换为$_POST变量。

<form name='formName'>
<input name='inputName'>
</form>

<script>
document.formName.inputName.value=var
</script>

- gavin stanley

Answer 5

你也可以使用HTML5的localStorage功能来存储你的测试值，然后通过使用localStorage.getItem()方法在网站的任何其他位置访问它。要了解这是如何工作的，你可以查看w3schools的解释或Opera开发者网站的解释。希望这能帮到你。

- Peter Wray

Answer 6

document.getElementById("txtBillingGroupName").value = groupName;

- vibol rim