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