javascript - Javascript - 获取 Select(Value) 以评估

Question

我需要 10 个不同的引脚的状态。

<select>
   <option value="on" id="p1StatusOn" name="pin1Status">on</option>
   <option value="off" id="p1StatusOff" name="pin1Status">off</option>
</select>

Javascript - 尝试将引脚 1-10 的值放入数组中，以便稍后评估以查看是否启用或禁用

var e = [];
   for (var i=1;i<=10;i++){
       e[i] = document.getElementById("p" + i + "_status");
   }

然后，一旦我得到值，我就可以在其他输入上运行验证脚本。

我之前曾试图问过这个问题，但是我与我真正想做的事情相去甚远。我只是在学习 Javascript，并且在一天的大部分时间里一直在尝试解决这个问题。谢谢！

Answer 1

好吧，p1_status当您的 id 实际上是p1Status……而这只是元素时，您似乎想要选定的项目？

尝试这个：

<select id="p1Status" name="pin1Status">
   <option value="on">on</option>
   <option value="off">off</option>
</select>

js

var e = [];
for (var i=1;i<=10;i++){
       e[i] = document.getElementById("p" + i + "Status").value;
}

Answer 2

为每个元素使用不同的 ID，并更正 getElementById 参数。要获得您需要添加的值 .value ：

var e = [];
       for (var i=1;i<=10;i++){
           e[i] = document.getElementById("p" + i + "Status").value;
       }

Answer 3

您可能应该以选择为目标，并获取选定的值：

<select id="p1Status" name="pin1Status" class="elementToGet">
   <option value="on">on</option>
   <option value="off">off</option>
</select>

-

var elems = document.getElementsByClassName('elementToGet'),
    e     = [];
for (var i=0; i < elems.length ;i++){
    e.push( elems[i].value );
}

我喜欢根据类等选择器实际选择元素，而不是一些随机数。