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

Question

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

<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); 
}

但是这些值并没有保存在localstorage中。

Answer 1

您的代码正常

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

寻找下面的jsfiddle

jsfiddle

确保您的浏览器支持html 5本地存储功能并设置为允许本地存储。