如何将文本框中的值和下拉列表保存在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的本地存储功能，并设置为允许本地存储。