jquery - 带有“更改”事件的克隆选择停止更新

Question

我正在克隆一个选择下拉列表并使用新选项填充它：

var oldSelect = $("select[name='old']")
var newSelect = oldSelect.clone(true);
newSelect.html(newoptions);
oldSelect.replaceWith(newSelect);

这带来了一个之前绑定的更改事件：

$("select[name='old']").bind('change', function(){ update(); });

我的新选择有效，更新事件正确触发，但用户选择的选项未出现在框中（见附图）。

Answer 1

事实证明，在更改时执行的更新函数正在重绘选择框，这会将所选选项重置为空。它发生得如此之快，以至于我没有注意到更换。