如何在值字段中引用 javascript 变量？答案

【问题标题】：How to refer to a javascript variable in a value field?如何在值字段中引用 javascript 变量？
【发布时间】：2010-12-13 11:10:32
【问题描述】：

我想稍后在同一脚本中引用字段中的变量（“特殊”）。我已经让变量显示在警告框和 document.write 中，但现在不知道如何将其值应用于

中的值字段

var special=(10000-health);
var health=(100);

<input style="background:#FF7777;" readonly="readonly" type="text" value="special" id="special" />

当我想要这个值时，这只是将“特殊”写入盒子。

【问题讨论】：

您在定义之前引用了health。您可能希望将var health=(100); 移到special 的声明上方。

标签： javascript variables

【解决方案1】：

您必须明确设置值：

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

注意：您只能在之后访问它在 DOM 中被解析的元素。可以肯定的是，您可以在 HTML 中的元素之后插入这部分脚本。 JavaScript 代码通常被添加到关闭 body 标记之前，或者仅在 load 事件触发时执行。如需更多信息，请参阅Where to place JavaScript in a HTML file。

更新：这是一个例子：

<body>
    <input style="background:#FF7777;" readonly="readonly" type="text" value="special" id="special" />

    <script type="text/javascript">
        var health = 100;
        var special = 10000 - health;
        document.getElementById('special').value = special;
    </script>
</body>

参考：getElementById、DOM

MDC's JavaScript Guide也值得一读。

【讨论】：

@expiredninja：你的意思是把它放在哪里？我希望我能澄清这一点……看看我的更新。

【解决方案2】：

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

【讨论】：

【解决方案3】：

你必须使用某种 DOM 操作。比较流行的库之一是JQuery。

使用 jQuery 你会写出类似的东西

$('#special').val(special);

【讨论】：

【解决方案4】：

var input = document.getElementById('special');
input.value = special;

【讨论】：