如何使用removeItem删除部分本地存储?

时间:2014-01-05 10:43:48

标签: javascript html html5 local-storage

我正在创建一个跟踪人们体重的网络应用程序。我有一个页面,其中一个数组存储在本地存储中并显示给用户。

目前正在使用的页面,输入用户目标体重并将其显示给他们。

我最初使用localStorage.clear(),但是我注意到这也擦除了我在另一页上的数组。我正在尝试使用localStorage.RemoveItem,但它似乎只是删除了输入按钮而不是数据。

有人可以帮我吗?

这是我的剧本。

更新 *

function storeText(inputID) {

//Clears old target weight
//localStorage.clear(); 

//check to see if the localStorage item already exists
var userInput = localStorage.userInfo;

//set it up for new data to be appended
if(userInput!=null) userInput+=" ";
else userInput="";

//add the new data
userInput += document.getElementById(inputID).value;

//set the localStorage field with the updated data
localStorage.userInfo = userInput;




}

 function UpdateWeight(inputID){

    localStorage.userInfo = document.getElementById(inputID).value;

    document.getElementById("result").innerHTML = localStorage.userInfo;

}


</script>

输入

<input size="10" id="userText" type="text"/>            
        <input type="button" class="greyButton" value="submit" onclick= "UpdateWeight(inputID)"/>
        <div id="result">           
        Result here
        </div>

1 个答案:

答案 0 :(得分:0)

重命名功能

remove(); 

removeStorage();

记得也要更新onClick。

remove(); 

正在按钮上运行,而不是调用你的函数!

更成功的功能是:

function UpdateWeight(inputID){

    localStorage.userInfo = document.getElementById(inputID).value;

    document.getElementById("result").innerHTML = localStorage.userInfo;

}

根据您所显示的内容,您可以执行所需操作 - 使用按钮单击上的新项目替换原始项目?