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;

演示。