javascript - 无法读取未定义的属性 'undefined'？为什么会出现这个错误？

Question

var select = document.getElementById("source"); 
var select2= document.getElementById("status");
var option = ["1", "2", "3", "4", "5","6","7","8","9"];
var option2= [];

function moveright() {
    var a = source.options[source.selectedIndex].value;
    var option = document.createElement("option");
    option.text = a;
    select2.add(option);
    select.remove(i);
}

function moveleft() {
    var b = status.option2[status.selectedIndex].value;
    var option2 = document.createElement("option");
    option2.text = b;
    select.add(option2);
    select2.remove(i);
}

for(i = 0; i < option.length; i++) {
    var opt = option[i];
    var a = document.createElement("option");
    a.innerHTML = opt;
    a.value = opt;
    select.appendChild(a);
}

for(i = 0; i < option2.length; i++) {
    var opt2 = option2[i];
    var a = document.createElement("option");
    a.innerHTML = opt2;
    a.value = opt2;
    select2.appendChild(a);
}

<select id = "source" multiple size = "10" onclick = "moveright ()">
    <option>Choose a number</option>
</select>
<select id = "status" multiple size = "10" onclick = "moveleft ()">
    <option>Choose a number </option>
</select>

我是 JavaScript 新手，我正在尝试将下拉值从一个下拉列表推到另一个下拉列表中。第一个下拉菜单有效，但第二个下拉菜单不起作用。谁能帮我？我只在 JavaScript 数组中尝试过。

Answer 1

略有改变，但给了你预期的结果;) 工作fiddle

在您的 moveright 和 moveright 中，您有一个 undefined variable i 。我假设您想使用选定的选项索引来删除自身。

并且您应该编写完整的选择器来获取元素，而不是直接使用它的 id。浏览器获取 source id 并作为 html 元素返回，但是它无法使用 status 执行此操作，因为存在 window.status 这样的属性。 .