javascript - 清除选项而不清除对它们的引用

Question

我有一个包含选择元素选项的变量:

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;

DEMO .