如何將文本框中的值和下拉列表保存在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的本地存儲功能，並設置爲允許本地存儲。