html - 刷新后保持选中选项

Question

我有一个按我在选择中插入的 2 个参数排序的人员列表。

当有人选择一个参数时，如何在他刷新或更改/返回页面时保持这个参数被选中？

我在互联网上的一些帖子上看到了一些问题，但大多数都使用 JQuery，我不想使用它。

代码是这样的:

<select name="idactivity_contact[]" id="_activity" multiple="multiple" size="10" style="width:150px;">
    <option disabled="disabled" style="background-color:#dddddd;font-weight:bold;">Shipbroking</option>
    <option value="1">Newbuilding</option>
    <option value="2">Sales and Purchase</option>
    <option value="3">Bulk</option>
</select>

代码实际上是用PHP手动生成的，但我稍后会做一个函数

Answer 1

一种方法是使用 javascript 和 localStorage:

document.getElementById("_activity").onchange = function() {
    localStorage.setItem('selectedtem', document.getElementById("_activity").value);
}

if (localStorage.getItem('item')) {
    document.getElementById("selectedtem").options[localStorage.getItem('selectedtem')].selected = true;
}​

您也可以在服务器端使用 cookies 或 session。