2017-03-12 7 views
-2

JqueryとJavaScriptを初めて使用しています。私は、JQueryの "onsubmit"関数とJqueryのプラグインlocalStorageを使ってデータを格納しようとしています。 localStorage.setItem( "name"、 "Jack")を使ってデータを格納する方法を読んだ。 数値または整数をlocalStorageに格納しようとしています。ユーザーが[送信]ボタンをクリックすると、オプションの1つを選択した後、localStorageはlocalStorage.setItem(selectedValue)+ localStorage.setItem(selectedValue);のような古い値に新しい値を追加する必要があります。このようにして、selectedValueはユーザーが選択する選択によって増加し続けます。jQueryプラグインのlocalStorageを使用して数値を格納する方法

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")); 
    }) 
+1

。あなたはそれを試してみましたか? – Terry

+0

@Terryはい私は持っていますが、私はlocalStorageを使用して合計や加算を行うことができません –

+1

「達成できません」というのは、どのような困難に陥っていますか?あなたの質問を更新することで、試したことを分かち合うことができます。 – Terry

答えて

1

を試してみましたが、何これ、私は与えられた拡張子のホームページ上で、それはそれはもはや作業中です言わないことに気づきました。そこで、私は新しいギターにリンクしました。これは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> 
関連する問題