保存到本地存储 [英] save to localStorage

问题描述

我很好奇是否可以保存用户在字段中输入的文本到localStorage，所以在此html示例中，我想保存div#match_player_id中的内部html，该div是在您创建时点击按钮

i'm curious if its possible to save the text input a user types in the field to localStorage , so in this html example , i'd want to save the innner html from the div#match_player_id , that is created when you click the button

<input type="text" id="contract_year" placeholder="Contract" autocomplete="off">

<input value="Submit" onclick="document.querySelector('#match_player_id').innerHTML = document.querySelector('#contract_year').value" type="button">

<div id="match_player_id"></div>

推荐答案

我建议您改用javascript函数:

I recommend you to use a javascript function instead:

<script type="text/javascript">
function updateMatchPlayerId() {
    var matchPlayerId = document.querySelector('#contract_year').value;
    document.querySelector('#match_player_id').innerHTML =  matchPlayerId;
    if (typeof Storage !== "undefined") {
        localStorage.setItem("matchPlayerId", matchPlayerId);
    }
}
</script>

HTML:

<input type="text" id="contract_year" placeholder="Contract" autocomplete="off">

<input value="Submit" onclick="updateMatchPlayerId()" type="button">

<div id="match_player_id"></div>

这篇关于保存到本地存储的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！