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

Question

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

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

Answer 1

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

我用了jQuery's .children() 如果您使用<optgroup>，请在这里保持它更通用一些。元素。

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

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

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