如何将选择框的内容存储到变量中？

Question

我的 HTML 页面上有一个<select>字段，其中填充了一些选项。在 AJAX 的帮助下，我用更合适的选项替换了选择字段中的这些选项。

如何将选择字段的选项存储到变量中，然后再次将其加载到选择中？在某些情况下，能够恢复选择字段的默认选项会很有帮助。

Answer 1

var $default_opts = $('#mySelect').children();

我在这里使用jQuery 是.children()为了让它更加通用，以防您使用<optgroup>元素。

当需要恢复到原始状态时，您可以执行以下操作：

$('#mySelect').empty().append( $default_opts.clone() );

这会清空<select>其当前内容，并附加默认值的克隆，以便您的副本保留其原始状态。