设置下拉列表选中项的值

最新推荐文章于 2022-11-15 09:24:59 发布

z294286540

最新推荐文章于 2022-11-15 09:24:59 发布

阅读量2.9k

点赞数

分类专栏： javaweb javascript jstl java 文章标签： function date jsp html c

本文链接：https://blog.csdn.net/z294286540/article/details/7947146

版权

javaweb 同时被 3 个专栏收录

22 篇文章 0 订阅

订阅专栏

java

18 篇文章 0 订阅

订阅专栏

javascript

14 篇文章 0 订阅

订阅专栏

以前处理这类问题都是遍历所有值查看是否相等如果等于要设的值设置selected

新旧处理方法如下：页面为jsp页面

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  
  <html>
  <head>
  <script type="text/javascript" src="/sxoa/js/jquery-1.7.1.min.js"></script>
  </head>
  <script type="text/javascript">
  
  //show1()为原来的方法
  function show1() {
      var y = document.getElementById("years");
      var m = document.getElementById("months");
      var d = new Date();
      // alert(d.getFullYear());
      // alert(d.getMonth());
      for (i = 0; i < y.options.length; i++) {
          if (y.options[i].value == d.getFullYear()) {
              y.options[i].selected = true;
              break;
          }
      }
      for (i = 0; i < m.options.length; i++) {
          if (m.options[i].value == d.getMonth() + 1) {
              m.options[i].selected = true;
              break;
          }
      }
  }
  //show2()为新的方法
  function show2() {
      var y = document.getElementById("years");
      var m = document.getElementById("months");
      var d = new Date();
      // alert(d.getFullYear());
      // alert(d.getMonth());
      $("#years").attr("value", d.getFullYear());
      $("#months").attr("value", d.getMonth() + 1);
  }
  
  </script>
  
  <body οnlοad="show2()">
        <select id="years">
         <c:forEach var="year" begin="2002" end="2032" step="1" >
         	<option value="${year}"  >${year}</option>
         </c:forEach>
        </select>
       <select id="months">
         <c:forEach var="month" begin="1" end="12" step="1" >
         	<option value="${month}">${month}</option>
         </c:forEach>
        </select>
    </body>
  </html>

如需转载请注明出处