javascript - 在选择中批量替换选项 html 字符串？

Question

我想“切换”选择框中的选项列表。

我有两组选项作为字符串(美国各州和加拿大各省)。但是，我注意到在 DOM 中，select 对象没有“innerhtml”属性(至少根据 w3schools 没有)。

我必须去一个一个地删除和替换选项吗？我该怎么做呢？

Answer 1

利用jQuery ，我通常会这样做:

var html = '[your html string with all the options elements]';
$('#mySelectId').empty();
$('#mySelectId').append(html);

至于一对一的想法，请务必牢记 DOM 交互的普遍缓慢性。用整个字符串进行批量替换会非常快，但是如果您为 select 中的每个元素操作 DOM，那么预计它会很慢。