javascript - localStorage,选择菜单中的选项数据在更改页面时消失

标签 javascript jquery html cordova

我有这段代码,将输入的电话号码写入选择菜单的定义选项中,问题是当我返回或退出应用程序时,数据被删除并且列表为空。我不知道为什么以及如何解决这个问题...

    var flag_beneficiary_account_number=false;
     var beneficiary_account_number;
if ( $('#beneficiary_number').val().length > 2 ) {
    beneficiary_account_number=$('#beneficiary_number').val(); 
    flag_beneficiary_account_number=true;
} else {
    beneficiary_account_number = $('#Beneficiary_number_select').find(":selected").html();
    flag_beneficiary_account_number=false;
}

if(flag_beneficiary_account_number){

    if(localStorage.getItem("Beneficiary_number_select1")!=beneficiary_account_number &&
        localStorage.getItem("Beneficiary_number_select2")!=beneficiary_account_number &&
        localStorage.getItem("Beneficiary_number_select3")!=beneficiary_account_number){

   var select_counter = parseInt(localStorage.getItem("select-counter"));
        var select_option = select_counter%3;
        select_counter = select_counter+1;
        localStorage.setItem("select-counter",select_counter);

        switch  (select_option){
            case 0:
                localStorage.setItem("Beneficiary_number_select1",beneficiary_account_number);
                $('#Beneficiary_number_select1').val(beneficiary_account_number);
                $('#Beneficiary_number_select1').html(beneficiary_account_number);
                break;
            case 1:
                localStorage.setItem("Beneficiary_number_select2",beneficiary_account_number);
                $('#Beneficiary_number_select2').val(beneficiary_account_number);
                $('#Beneficiary_number_select2').html(beneficiary_account_number);
                break;
            case 2:
                localStorage.setItem("Beneficiary_number_select3",beneficiary_account_number);
                $('#Beneficiary_number_select3').val(beneficiary_account_number);
                $('#Beneficiary_number_select3').html(beneficiary_account_number);
                break;

            default:
                break;


        }
    }
}

最佳答案

当您最终添加 cordova 标记时,我正在编辑您的问题。事情变得很清楚,所以你需要记住,在 Cordova 中,要让 localStorage 工作,请以这种方式使用它

   // To store
   window.localStorage.setItem("Beneficiary_number_select2", beneficiary_account_number);

   //and to access the value, use
  window.localStorage.localStorage
      .getItem("Beneficiary_number_select2");

而是 localStorage.getItem("Beneficiary_number_select2")

关于javascript - localStorage,选择菜单中的选项数据在更改页面时消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30783083/

相关文章:

javascript - 如何调整 Canvas 内容大小并将图像上传到服务器?

javascript - 带 iframe 的跨域 localStorage (Chrome)

javascript - 如何向 DOM 添加视频/音频对象?

html - 为什么 css "overflow: scroll"不起作用并且滚动条不显示?

javascript - 如何设置下拉选择框的下拉样式?

javascript - 如何在 "codesandbox.io"上配置 ESLint/Prettier 格式规则

javascript - JQuery:查找以任何一个指定字符串开头的所有 ID

jquery - 如何使用 Ajax、Rails 3 和 Devise 创建注册表单?

javascript - 使用 JavaScript 调整 HTML 多个全宽视频的大小

html - 将表格单元格拆分为 HTML 中的两列