将javascript变量传递给html文本框

时间:2010-11-23 02:16:30

标签: javascript html variables textbox

我需要有关html表单的帮助。

我有一个javascript变量,我试图将变量传递给html表单texbox。我想动态地在文本框上显示变量。但我不知道如何将变量传递给html表单并调用变量?

var test;

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

如何将测试传递给html表单并更改其值?

由于

6 个答案:

答案 0 :(得分:17)

将变量传递给像

这样的表单元素

你的表单元素

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

的javascript

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

答案 1 :(得分:2)

而不是

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

您可以使用

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

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

答案 2 :(得分:1)

您还可以使用HTML5的localStorage功能来存储测试值,然后使用localStorage.getItem()方法在网站的任何其他位置访问它。要查看其工作原理,您应该查看w3schools解释或Opera Developer website中的说明。希望这会有所帮助。

答案 3 :(得分:1)

这对我来说也是一个问题。这样做的一个原因(在我的情况下)是我需要将客户端事件(被修改的javascript变量)转换为服务器端变量(用于在php中使用的该变量)。因此,使用javascript变量(例如sessionStorage键/值)填充表单并将其转换为$ _POST变量。

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

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

答案 4 :(得分:1)

<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'];

答案 5 :(得分:-2)

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