html中select标签刷新后不回到默认值而是保持之前选择值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>3G业务文件下载</title>
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <script type="text/javascript">
        function saveSelectIndex(){
           var typeId=document.getElementById("typeId");
           var typeIdText=typeId.options[typeId.selectedIndex].value;
           var osId=document.getElementById("osId");
           var osIdText=osId.options[osId.selectedIndex].value;
           //设置多个cookie 
           document.cookie="typeIdText="+typeIdText;
           document.cookie="osIdText="+osIdText;
        }
        
        function selectIndex(){
           //记得初始化，否则会出现undefined
           var typeIdText=0;
           var osIdText=0;
           //获取多个cookie
           var coosStr=document.cookie;//注意此处分隔符是分号加空格
           var coos=coosStr.split("; ");
           for(var i=0;i<coos.length;i++){
              var coo=coos[i].split("=");
              //alert(coo[0]+":"+coo[1]);
              if("typeIdText"==coo[0]){
                 typeIdText=coo[1];
              }if("osIdText"==coo[0]){
                 osIdText=coo[1];
              }
           }
          
           var typeId=document.getElementById("typeId");
           if(typeIdText==0){
              typeId.selectedIndex=0;
           }else{
              var length=typeId.options.length;
              for(var i=0;i<length;i++){
                 if(typeId.options[i].value==typeIdText){
                    typeId.selectedIndex=i;
                    break;
                 }
              }
           }
           
           var osId=document.getElementById("osId");
           if(osIdText==0){
              osId.selectedIndex=0;
           }else{
              var length=typeId.options.length;
              for(var i=0;i<length;i++){
                 if(osId.options[i].value==osIdText){
                    osId.selectedIndex=i;
                    break;
                 }
              }
           }
           
        }
        </script>

    </head>
    <body onload="selectIndex();">
        <form action="servlet/MoblieFileServlet?action=query" method="post">
            <fieldset style="width: 250px; height: 160px">
                <legend>3G业务文件查询</legend>
                <table align="center">
                    <tr>
                        <td align="right">分类</td>
                        <td>
                            <select name="typeId" id="typeId" onchange="saveSelectIndex();">
                                <option value="0">请选择...</option>
                                <c:forEach items="${depts}" var="dept">
                                    <option value="${dept.id }">${dept.name }</option>
                                </c:forEach>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">操作系统</td>
                        <td>
                            <select name="osId" id="osId" onchange="saveSelectIndex();">
                                <option value="0">请选择...</option>
                                <c:forEach items="${oses}" var="os">
                                    <option value="${os.id }">${os.name }</option>
                                </c:forEach>
                            </select>
                        </td>
                    </tr>
                    <tr align="center">
                        <td colspan="2">
                            <input type="submit" value="查 询" />
                            <input type="reset" value="清 空" />
                        </td>
                    </tr>
                </table>
            </fieldset>
        </form>
    </body>

</html>
posted on 2011-06-18 19:23 Ruthless 阅读(18064) 评论(0) 编辑收藏举报
html中select标签刷新后不回到默认值而是保持之前选择值

搜索

常用链接

我的标签

积分与排名

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论
