javascript - 尝试从数组的下拉列表中提取值

Question

我编写了一些代码，获取数组中的每个数字(这取决于 for 循环)并为它们分配一个 HTML 选项标记，然后将它们插入到单个选择列表中。结果是一个范围为“1”到“100”的下拉菜单。

我的问题是我想从我创建的下拉菜单中选择一个数字，这样我就可以存储和/或显示它的值，但不知道如何操作。

例如:假设我有一个方程 X * 2。我希望能够从下拉列表中选择一个数字，并使 X 等于该值(我从菜单中选择 3，则结果应为 6)。

如有任何帮助，我们将不胜感激。

HTML

<p>
    <select id="selectLvl">
        <option>Choose your Level:</option>   
    </select>
</p>

JavaScript

var lvlStart = 1;
var lvlEnd = 101;
var arr = [];

while (lvlStart < lvlEnd) {
    arr.push(lvlStart++)
}

var selectLvl = document.getElementById("selectLvl");
for (var i = 0; i <arr.length; i++) {
    var opt = arr[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    selectLvl.appendChild(el);        
}

Answer 1

.value属性可用于获取当前选定的值:

for (var i = 1; i <= 100;)
  selectLvl.add(new Option(i++))

selectLvl.onchange = function() { console.log(selectLvl.value * 2) }

<select id=selectLvl>
  <option>Choose your Level:</option>
</select>