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

如果您想要持久性行为，则应将选定状态保存在某处您可以将其保存在服务器端（数据库或会话）或客户端（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);      
}

jQuery设置选定的选项

1 个答案: