html Select问题-----------------------刷新后保存其状态


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
</head>
<body>    <script type="text/javascript">
    function LangCookie()
    {
        var today = new Date();
        var expires = new Date();
        expires.setTime(today.getTime() + 1000*60);
        try
        {
            var sel= document.getElementById("selLanguage");
            
            alert( sel.options[selLanguage.selectedIndex].selected);
            sel.options[selLanguage.selectedIndex].selected=true;
            document.cookie = "ddalanguage="+ escape(sel.options[selLanguage.selectedIndex].value)+"; expires=" + expires.toGMTString();
        }
        catch(err)
        {
            alert(err.description);
        }
        location.reload();
    }
    </script>    <div id="header">
        <div id="Div1" class="uplink" style="display: block;">
            <!--  en-US ja-JP ko-KR zh-CN-->
            <select id="selLanguage" onchange="LangCookie()">
                <option value="zh-CN">中文</option>
                <option value="en-US">English</option>
                <option value="ja-JP">日本語</option>
                <option value="ko-KR">한국어</option>
                <option value="ru-RU">Русский</option>
            </select>
        </div>
    </div>
</body>
</html>我想在选择完之后，刷新页面
reload()完之后还select的默认选中是刚才所选的项
效果如同注释掉方法内的location.reload();