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

我々は

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

HTMLでの選択を持っている。これは、我々はオプション

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