使用jQuery将select元素设置为选项

Question

我有一个表单，允许用户从<select>下拉列表中选择一个选项。当表单再次打开时，我想将下拉列表显示为用户选择的最后一个值，我已将其保存下来。这可以用jQuery吗？

由于

Answer 1

你基本上有两三种选择。

1. 将值保存在服务器上，例如在数据库中。然后，在显示<select>时，您预先选择存储在数据库中的选项。这里的jQuery部分可能是向您的服务器发送ajax请求以存储该值。
2. 将值保存给用户，即保存给他的cookie。见this question。
3. 如果您的网络应用使用会话，只需记住一个会话的选项，您就可以将该值存储到会话中。但是，会话实际上是通过cookie或服务器端存储（或两者）实现的。

实际进行选择：

HTML：

<select id="sel">
    <option value="o1">option 1</option>
    <option value="o2">option 2</option>
    ...
</select>

JS：

$(function () { // run a function when page is loaded (similar to onLoad event)
    var value = "o1"; // get the value to pre-select
    $("#sel").val(value);
});

在行动here中查看。