javascript - 如何动态设置select的选项？

Question

我有一个组合框，可用作列的过滤器。在更改列中的任何值时，我想更新组合框中的选项。obj.default 为我提供了列中已更改字段的旧值。

function valueChange(obj) {
        var optionsArray = document.getElementById('filter').options;
        for (var index = 0; index < optionsArray.length; index++) {
            if (optionsArray[index].value == obj.defaultValue) {
                optionsArray[index].value = new Option(obj.value, obj.value);
            }
        }
    }

optionsArray正在正确填充。如何设置回optionsArray元素的选项？

Answer 1

假设我们在 html 中有选择

<select id="example-select"></select>

这就是我们可以添加选项的方式

var selectexample = document.getElementById("example-select");
selectexample.options[select.options.length] = new Option('Text 1', 'Value1');

Answer 2

采用

document.getElementById('filter').add(new Option(obj.value, obj.value),null);

要删除，请说出第 i 个选项

document.getElementById('filter').remove(i);