jQuery 设置选定的选项

Question

我有这个表格:

<form action="" method="post">
   <select name="weeks" id="weeks">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
   </select>
<input type="submit" value="Submit" />
</form>

重新加载表单时如何将选项设置为选中？例如，如果我选择 6，则在重新加载时将选择选项 6，然后如果我将其切换为 2，则在重新加载时将选择 2？

Answer 1

如果您想要持久的行为，您应该将所选状态保存在某处。
您可以将其保存在服务器端(db 或 session)或客户端(cookie 或 localStorage)。

如果在客户端保存，我建议使用 HTML5 的 localStorage因此，只需将选定的索引(或您需要的任何内容)保存在那里，每次需要重新加载页面时，只需从那里获取选定的索引并更改选择即可。
以下是如何在客户端保存和获取变量的示例:

function getFoo() {
  var foo = localStorage.getItem('foo');
  if (!foo) {
    setFoo([defaults value]);
    return getFoo();
  } else return foo;
}

function setFoo(foo) {
  localStorage.setItem('foo', foo);      
}