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

<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);

如何设置动态选择？

2 个答案: