javascript - 如何将文本框和下拉列表中的值保存在 localStorage 中？

Question

我想保存在文本框中输入的值以及从下拉列表中选择的值到本地存储中。我尝试了以下代码：

<table class="dynatable" id="my">
    <tr>
        <td><input type="text" id="name" name="name1" onchange="saveSelectedValues();"></td>
        <td><select id="type" onchange="saveSelectedValues();"><option>Text</option><option>Paragraph</option><option>Dropdown</option></select>
    </tr>
    <tr>
        <td><input type="button" id="add" value="Add" onclick="Javascript:addRow()"></td>
    </tr>
</table>

我的 saveSelectedValues 函数如下：

function saveSelectedValues(){
    var myName = document.getElementById("name").value;
    var type = document.getElementById("type").value;

    localStorage.setItem("attributeName",myName);
    localStorage.setItem("attributeType",type); 
}

但是这些值没有保存在本地存储中。

Answer 1

Your code works fine

saveSelectedValues = function(){
    var myName = document.getElementById("name").value;
    var type = document.getElementById("type").value;

    localStorage.setItem("attributeName",myName);
    localStorage.setItem("attributeType",type); 
     alert(localStorage.getItem("attributeName"));
}

look for below jsfiddle

jsfiddle

Make sure your browser is supporting html 5 local storage functionality and setting to allowed local storage.