Question

我是Jquery和JavaScript的新手。我正在尝试使用Jquery＆＃34; onsubmit＆＃34;来存储数据。函数和Jquery插件localStorage。我已经阅读了有关如何使用localStorage.setItem存储数据的信息（＆＃34; name＆＃34;，＆＃34; Jack＆＃34;）; 我试图将数字或整数存储到localStorage中。当用户单击提交按钮时，在选择其中一个选项后，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"));
    })

Answer 1

我注意到，在给出的扩展的主页上，它表示它已不再被处理。所以，我按照新github的链接。它是JavaScript存储。然后，当我查看你的代码时，我意识到你正在做更多的工作然后你必须这样做。我使用正则表达式来简化你的if语句。然后，我使用了storage.set和storage.get方法。

非折旧github的链接：

https://github.com/julien-maurel/js-storage

<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>

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

1 个答案: