javascript - 无法使用 Javascript 设置输入值

Question

我正在尝试使用 Javascript 更改输入字段的值。
我尝试了一切，但似乎没有任何效果。我尝试将 5 放在引号之间并使用 jquery。我还仔细检查了数组和所有内容。

这里是输入代码:

<input type="number" id="id_[SOME_ID_HERE]" value="0">

以及用于更新值的循环。

for (var i = 0; i < shoppingCart.length; i++) {
    var val = shoppingCart[i];
    document.getElementById("id_" + val.substring(3)).value = 5;
}

jsfiddle:http://jsfiddle.net/zkTud/

编辑:似乎它也不适用于 type="text"...

EDIT2:谢谢大家的回答。我的问题实际上是别的问题。
输入是从另一个页面加载的，这需要时间，并且在文件加载完成之前执行了我遇到问题的 for 循环(见上文)。
我所做的就是将 for 循环按原样移动到回调函数，现在它可以工作了。

无论如何，谢谢!
我非常感谢我在这个网站上获得的帮助! :)

Answer 1

问题是您调用substring返回的字符串过多，因此 getElementById 找不到任何元素。将其更改为:

for(var i = 0; i < shoppingCart.length; i++) {
    var val = shoppingCart[i];
    document.getElementById("id_" + val.substring(5)).value = 5;
}

这是一个updated fiddle .

substring 方法(当使用一个参数调用时)返回从指定索引到字符串末尾的字符。由于您指定索引 3，因此您会得到“d_1”、“d_2”等，而实际上您只需要数字。

或者，您当然可以更改附加子字符串的字符串，但我认为这会更难以阅读(不会立即明显看出将返回哪个元素):

document.getElementById("i" + val.substring(3)).value = 5;