zoukankan      html  css  js  c++  java
  • 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=" 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>
  • 相关阅读:
    Java 异常Exception e中e的getMessage()和toString()以及 e.printStackTrace();方法的区别
    js几秒以后倒计时跳转示例
    Java读取property配置文件
    js 设置下拉框的默认值
    JS的可枚举性
    Object的原型拷贝-create、assign、getPrototypeOf 方法的结合
    JS 事件循环机制
    vue nextTick深入理解-vue性能优化、DOM更新时机、事件循环机制
    vue 实战问题-watch 数组或者对象
    vue2.0读书笔记2-进阶
  • 原文地址:https://www.cnblogs.com/linjiqin/p/2084357.html
Copyright © 2011-2022 走看看