2

我有这个表格：

<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？

4

1 回答 1

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);      
}
于 2012-07-24T12:24:59.323 回答