Html 输入字段的Javascript设置值

Javascript set value of an input field

提问by redestructa

Since while I cannot set the value of an input field with type=text. Before, I always used something like this:

因为虽然我无法使用 type=text 设置输入字段的值。以前，我总是使用这样的东西：

<input style="display: none" type="text" name="geo_poi" value="" id="geofeld" />

Then, in JavaScript i added code containing a line like this:

然后，在 JavaScript 中，我添加了包含这样一行的代码：

document.getElementById("geofeld").value = geo_poi;

This always worked. Maybe the new browsers don't want to support the method above anymore.

这总是有效的。也许新的浏览器不想再支持上面的方法了。

回答by redestructa

So using the following method for setting attributes worked fine.

因此，使用以下方法设置属性效果很好。

document.getElementById("geofeld").setAttribute("value", geo_poi);

回答by David Salamon

For situations when setAttribute does not yield any result (think HTML5 user/password input), consider this:

对于 setAttribute 不产生任何结果的情况（想想 HTML5 用户/密码输入），请考虑：

document.getElementById("geofeld").setRangeText("text");

回答by John Johnson

HTML

HTML

---

---

<input type="text" placeholder="Item 1" id="item1" />
<input type="text" placeholder="Item 2" id="item2" />

JAVASCRIPT

爪哇脚本

---

---

$('#item1').blur(function() {
    var item1var = $('#item1').val();
    $('#item2').val(item1var);
});

Jsfiddle HERE

Jsfiddle在这里