Question

<script>
   var list_max = 99
</script>

<div>
  <input type="text" data-index="0" name="min" value="1"/>
  <input type="text" data-index="1" name="max" value="list_max"/>
</div>

小提琴：http://jsfiddle.net/SP5VQ/10/

所以你在Javascript中有一个变量，并且你想将它传递给HTML输入的值。你做什么的？

为了使html代码像这样起作用

<input type="text" data-index="0" name="min" value="1"/>
<input type="text" data-index="1" name="max" value="99"/>

Answer 1

为输入分配id，如下所示：

<input type="text" id="list_max" data-index="1" name="max" />

然后您可以使用JS分配值，如下所示：

document.getElementById('list_max').value = list_max;

我假设您在一个函数中运行JS代码，该函数将在加载页面后执行。如果没有，请确保您在相关HTML之后运行它，或将其包装在window.onload = function() { /* ... */ };。

中

Answer 2

<input type="text" data-index="1" name="max" id="myElement" />
<script>
   document.getElementById('myElement').value = 99;
</script>

Answer 3

<input type="text" data-index="0" name="min" value="1"/>
<input type="text" data-index="1" id='change_me' name="max" value="99"/>

<script>
var list_max = 99
document.getElementById("change_me").value = list_max ;
</script>

在任何情况下都使用onload，因此它会在页面加载后运行：

http://www.w3schools.com/jsref/event_onload.asp

谷歌是你的朋友。

Answer 4

如果你使用jQuery

<input type="text" data-index="0" name="min" value="1"/>
<input type="text" data-index="1" id='change_me' name="max" value="99"/>

<script>
var list_max = 99
$('input[name="max"]').val(list_max);
</script>

如何将Javascript变量传递给HTML

4 个答案: