javascript - 使用 localStorage 变量更新选择的多选字段

Question

我有一个选择的多项选择字段，并将用户的选择保存在 localstorage.language_request 中。当用户回来时，我需要使用之前的选择更新该字段。

我的JS保存用户选择的选择:

$('.calcul_checkout').on("change keyup", function(){
  var language_request_brut = $('#language_request').val();
  var language_request = [];
  jQuery.each(language_request_brut, function(i, val){
          language_request.push(val)
 });
  localStorage.language_request = language_request;
}

当用户返回页面时我的 JS，我需要使用之前选择的选项更新“选择”字段

if (localStorage.language_request != null){ 
 $("#language_request").val(localStorage.language_request).trigger("chosen:updated");
}

选择的字段(在 Rails 中):

<span>
 <%= select_tag(:language_request, options_for_select([['Français', 'FR'],
  ['Anglais', 'EN'],
  ['Italien', 'IT'],
  class:"answer language_request calcul_checkout chosen-select", multiple: true) %>
</span>

问题 localStorage.language_request 等于 ["FR,EN"]。它将所有选择保存到一个字符串中。要更新“选择”字段，我需要将此数组格式化为 [“FR”，“EN”](选择一个字符串)。

Answer 1

我必须使用 split 方法更新我的代码:

if (localStorage.language_request != null){
      $("#language_request").val(localStorage.language_request.split(",")).trigger("chosen:updated");
      }