javascript - 多选 Jquery 插件问题

Question

我正在使用 Chosen jquery 库。选择的值存储在一个数组中，然后稍后再次加载。加载的值是正确的，但选择的顺序不正确。
例如，如果我选择 option3，然后选择 option2，则重新加载时的顺序是 option2，option3。
html:

<select id="second" data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">    
     <option value=""></option> 
     <option value="United States">United States</option>
     <option value="United Kingdom">United Kingdom</option> 
     <option value="Afghanistan">Afghanistan</option> 
     <option value="Albania">Albania</option> 
     <option value="Algeria">Algeria</option> 
     <option value="American Samoa">American Samoa</option> 
     <option value="Andorra">Andorra</option> 
     <option value="Angola">Angola</option> 
     <option value="Anguilla">Anguilla</option>
</select>

JavaScript:

$(".chosen-select").chosen();
var selectedOptions = [];
$('button').click(function(){
    //$(".chosen-select").val('').trigger("chosen:updated");
  $('#second_chosen ul li span').each(function(i, selected){
      selectedOptions[i] = $(selected).text();
  });
  //clear the selection
  $("#second").val("").trigger("chosen:updated");

});

$('#previousBtn').click(function(){
    console.log(selectedOptions);
    $("#second").val(selectedOptions).trigger("chosen:updated");
});

selectedOptions 数组中的选择顺序是正确的，但它显示的是选项的顺序，而不是选择的顺序。
请找到 jsfiddle:https://jsfiddle.net/Da4m3/1051/ .
知道如何解决这个问题吗？

Answer 1

查看以下链接是否有帮助。

Chosen: Keep Multiple Selection Order

https://github.com/tristanjahier/chosen-order

有一个插件可以满足您的要求。