Javascript 如何使用jQuery插件localStorage存储数字

我不熟悉Jquery和JavaScript。我试图使用Jquery“onsubmit”函数和Jquery插件localStorage存储数据。我读过关于如何使用localStorage.setItem（“name”，“Jack”）存储数据的内容； 我正在尝试将数字或整数存储到本地存储器中。当用户单击submit按钮时，在选择其中一个选项后，localStorage应该将新值添加到旧值中，如localStorage.setItem（selectedValue）+localStorage.setItem（selectedValue）；。这样，selectedValue会随着用户选择的内容而不断增加

var selectedValue=0;
 var sum = $('.gradept').on('change', function () {
     selectedValue = $('.gradept option:selected').val();
     if(selectedValue == 'A1')
     { selectedValue = 1}
     else if(selectedValue == 'B2')
     { selectedValue = 2}
     else if(selectedValue == 'B3')
     { selectedValue = 3}
     else if(selectedValue == 'C4')
     { selectedValue = 4}
     else if(selectedValue == 'C5')
     { selectedValue = 5}
     else if(selectedValue == 'C6')
     { selectedValue = 6}
     else if(selectedValue == 'D7')
     { selectedValue = 7}
     else if(selectedValue == 'E8')
     { selectedValue = 8}
     else if(selectedValue == 'F9')
     { selectedValue = 9}
     $("#go").val(selectedValue);
   console.log("total" ,selectedValue);
});

这就是我尝试过的

$('.inline').on('submit', function(){
    localStorge.setItem("grade",selectedValue)+ localStorge.setItem("grade",selectedValue);
       console.log("The total is", localStorage.getItem("grade"));
    })

---

我注意到，在网页上的扩展，它说，它不再是工作。因此，我跟踪了新github的链接。这是JavaScript存储。然后，当我看到你的代码时，我意识到你做了比你必须做的更多的工作。我使用正则表达式来简化if-then语句。然后，我使用storage.set和storage.get方法

指向未折旧github的链接：

1.
2.
3.
4.
5.
6.
7.
8.
9
0
测试


单击我从存储中获取项目！
storage=Storages.localStorage；
$（函数（）{
$（'.inline'）。在（'click'，function（）上{
值=数字（$（'#gradept'）.val（）。替换（/\D/g'）；
存储。设置（“等级”，值）；
});
$（“.getStorage”）。在（'click'，function（）上{
$（“#sendInformationHere”）.html（storage.get（“grade”）；
});
});

您已经回答了自己的问题。你试过了吗？@Terry是的，我试过了，但我无法使用localStorageBy“not-able-completion”完成求和或加法，你遇到了什么样的困难？您可以通过更新您的问题来分享您的尝试。@Terry我已经更新了我的问题。我现在明白了吗？还有一件事要补充。。。你用的是什么存储插件，你能链接到它吗？我已经把其他的东西都用上了我只需要找出你用的是哪一个来举个例子

<select name="yay" id="gradept">
    <option value="A1">1</option>
    <option value="B2">2</option>
    <option value="C3">3</option>
    <option value="D4">4</option>
    <option value="E5">5</option>
    <option value="F6">6</option>
    <option value="G7">7</option>
    <option value="H8">8</option>
    <option value="I9">9</option>
    <option value="J0">0</option>
</select>

<button class="inline">test</button>

<br />

    <button class="getStorage">Click me to get item from storage!</button>
<div id='sendInformationHere'></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js-storage-master/js.storage.min.js"></script>

<script>
storage=Storages.localStorage;

$(function() {
    $('.inline').on('click', function(){
        value = Number($('#gradept').val().replace(/\D/g,''));
        storage.set("grade",value);     
    });

    $(".getStorage").on('click', function() {
        $("#sendInformationHere").html(storage.get("grade"));
    });
});

</script>