javascript - 使用 JavaScript 从变量中获取 getElementById

Question

我的页面上有 10 个输入框..

<input type="text" id="box1">
<input type="text" id="box2">
<input type="text" id="box3">
<input type="text" id="box4">
<input type="text" id="box5">
<input type="text" id="box6">
<input type="text" id="box7">
<input type="text" id="box8">
<input type="text" id="box9">
<input type="text" id="box10">

使用 JavaScript 我希望能够选择每个输入，但只能在请求时使用 JavaScript。

我使用了以下代码:

document.getElementById("box1").value

返回值(我想要的)

但是我希望能够用它做一些事情然后请求下一个项目然后用它做一些事情..

所以我创建了一个虚拟变量(放置在我的函数之外，因为我不想在每次调用函数时都将值重置回 1:

var current_item = "1";

然后我希望能够使用这个变量来选择一个项目，我已经像这样使用它了:

document.getElementById("box" + current_item).value
current_item = current_item + 1;

但是它不起作用。如果我提醒 current_item 变量，它返回未定义。

如果我将 current_item 变量添加到我的函数中，它会工作并执行我想要它执行的操作，但会不断重置回 1(因为函数正在重新创建变量)。

谁能帮我解决如何获取下一个输入框值的问题？

Answer 1

尝试将 current_item 设为数字而不是字符串。

var current_item = 1;

代替

var current_item = "1";

jsFiddle example