复选框和<选择>选项不会保留在 HTML 5 本地存储中

Question

关于 HTML5 本地存储持久性和输入，我得出了一个意想不到的结论。当我使用 <输入类型=“文本”>或<输入 type="textarea" >，然后数据会保留在本地存储中，并且在页面加载时，只需按一下按钮即可加载回字段中。但是当我使用 type="radio" type="checkbox" 或 <选择>选项，这些类型的数据都不会持续存在。

这是设计使然，我正在努力使其工作，还是我的表单元素脚本需要彻底修改？如果是设计使然，那么你可以回答“是”。如果没有，您可以在下面查看我的工作详细信息，以进行检查和反馈。

用户将数据输入到文本区域字段中，如下所示：

<textarea name="s1frontTowerShockMtgOther" id="s1frontTowerShockMtgOther" cols="20" rows="4">

然后他们点击保存按钮，编码如下：

<input type="button" value="Save Settings" onclick="persistData()" style="background-color:red; font-weight:bold">

Javascript 页面发挥其魔力：

function persistData()
            {
                if (html5StorageSupported())
                {
                    var s1frontTowerShockMtgOther = document.form1["s1frontTowerShockMtgOther"].value;
                    var storageIndex = "practicelog.html.s1frontTowerShockMtgOther";
                    localStorage[storageIndex] = s1frontTowerShockMtgOther;

                document.form1.numStored.value = determineNumberStoredElements();

                }
            }

当用户返回到该页面时，他点击此按钮来填充该页面上的字段

<input class="loadButton" type="button" value="Load Data First" onclick="loadData()">

： Javascript 被称为：

function loadData()
        {
         document.form1["s1frontTowerShockMtgOther"].value = localStorage["practicelog.html.s1frontTowerShockMtgOther"];

         } 

就是这样。以下不起作用：

<select size="1" name="frontTowerMtgShock" id="frontTowerMtgShock">
        <option value="">Tap to choose</option>
        <option value="0 spacers">3-outer</option>
        <option value="1 spacer">2-middle</option>
        <option value="2 spacers">1-inner</option>
        <option value="other">See notes</option>
    </select>

以下 type="checkbox" 不起作用。如果“checkbox”被“radio”替换，它也不起作用：

<input type="checkbox" name="s1frontTowerMtgShock3" id="s1frontTowerMtgShock3" value="3-outer">

我正在通过PhoneGap 1.0集成使用HTML、CSS和Javascript为iPhone做这个项目。

Answer 1

以下对我来说效果很好：

function persistData()
{
    var s1frontTowerShockMtgOther = document.form1["s1frontTowerShockMtgOther"].value;
    var storageIndex = "practicelog.html.s1frontTowerShockMtgOther";
    localStorage[storageIndex] = s1frontTowerShockMtgOther;
    storageIndex = "practicelog.html.frontTowerMtgShock";
    var frontTowerMtgShock = document.form1["frontTowerMtgShock"].value;
    localStorage[storageIndex] = frontTowerMtgShock;
}

function loadData()
{
     alert(localStorage["practicelog.html.frontTowerMtgShock"]);
     document.form1["frontTowerMtgShock"].value = localStorage["practicelog.html.frontTowerMtgShock"];
 } 

您在设置和检索时仔细检查过您的存储密钥吗？