JSP用到一个下拉框<select> 页面刷新后，保持选中的值

来源：互联网发布：零售软件是什么编辑：程序博客网时间：2024/04/30 11:55

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript">
    function setCookie(name, value) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }
    function getCookie(name)
    {
        var regExp = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        var arr = document.cookie.match(regExp);
        if (arr == null) {
            return null;
        }
        return unescape(arr[2]);
    }
</script>
<select id="select_1" onclick="setCookie('select_1',this.selectedIndex)">
    <option value="apple">apple</option>
    <option value="banana">banana</option>
    <option value="cake">cake</option>
</select>
<script type="text/javascript">
    var selectedIndex = getCookie("select_1");
    if(selectedIndex != null) {
        document.getElementById("select_1").selectedIndex = selectedIndex;
    }
</script>
用JS把选择值存入COOKIE，然后载入页面的时候取出值即可。

阅读全文

0 0