javascript - オプションへの参照をクリアせずにオプションをクリアする

Question

select 要素のオプションを含む変数があります。

var allOptions = document.getElementById('ddl').options;

オプションを削除するとき

var selector = document.getElementById('ddl');
selector.options.length = 0;

のオプションallOptionsも削除されます。

どうすればそれを回避できますか?

Answer 1

cloneNodeを使用して、元のノードの正確なコピーを作成できます。selectこのようにして、元のオプションを保持する変数に影響を与えることなく、ドロップダウンを安全に消去できます。

var originalOptions = document.getElementById('ddl').cloneNode(true).options;

デモ。