Javascript 在应用程序中保存表单字段中的数据

我正在使用html和javascript在Tianium上编写一个程序，我有一个表单设置页面，可以设置其他表单字段的值，我需要保存在文本框中输入的数据，并在下次启动程序或重新加载页面时加载它们，我该如何以一种简单的方式做到这一点

<div id="formh">
    <form id="form">
        <select name="test" id="test">
            <option id="op1" value="1">1234</option>
            <option id="op2" value="2">2134</option>
        </select>
    </form>
</div>
<div id="st">
    <form name="settings">
        Op1 Value<input type="text" value="" id="inputOpt1" />
        Op2 Value<input type="text" value="" id="inputOpt2" />
    </form>
</div>

1234
2134
Op1值
Op2值

---

在表单的onSubmit事件中（如果不需要提交按钮，则可以更改输入），您可以使用或保存设置-我认为后者在这种情况下更合适。下面是jQuery中的一个示例（为了简单起见，您可以不使用它）：

然后，对另一个表单执行相反的操作，从Titanium检索属性并设置输入字段值

更新

完整示例（同样，我不确定是否完全理解所需的交互）：

---

相反的是什么？此外，它的表单相同，但在重新加载时默认为空。请解释一下，我是新手。我会使用getstring而不是setstring吗？这样行吗<代码>$（“form[name='settings']）.load（函数（）{var val1=$（'input#inputOpt1'）.val（）；Titanium.App.Properties.getString（“opt1”）；var val2=$（'input#inputOpt2'）.val（）；Titanium.App.Properties.getString（“opt2”）如果我理解正确，您希望根据之前在第二个表单中输入的值填充第一个表单，是吗？类似这样的内容（添加到上面）。不，不，我希望在同一张表格中填写上一次会话中输入的值（在同一张表格上）。为什么要这样使用钛合金？根本不明白为什么要使用html文件

$("form[name='settings']").submit(function(){
  var val1 = $('input#inputOpt1').val();
  Titanium.App.Properties.setString("opt1", val1);
  var val2 = $('input#inputOpt2').val();
  Titanium.App.Properties.setString("opt2", val2);
});

$(document).ready(function(){
  $("form[name='settings'] input").change(function(){
    // these will happen on every change to the input values
    var val1 = $('input#inputOpt1').val();
    Titanium.App.Properties.setString("opt1", val1);
    var val2 = $('input#inputOpt2').val();
    Titanium.App.Properties.setString("opt2", val2);
  });

  // these will only happen right after the page loads
  var setting1 = Titanium.App.Properties.getString("opt1");
  $("form#form op1").val(setting1);
  var setting2 = Titanium.App.Properties.getString("opt2");
  $("form#form op2").val(setting2);
});