html select日期下拉列表怎么弄

html-css014

html select日期下拉列表怎么弄,第1张

设置下拉列表框的默认值:使用关键字selected

<

select

name

=

"pronvince">

<

option

value

="sh">上海

<

option

value

="bj">北京

<

option

value

="js">江苏

<

option

value

="hb"

selected="selected">湖北

<

option

value

="zj">浙江

如果希望设置默认值,在option

的标签里加入:selected

=

"selected"即在展示时,为默认值。

html

有一个selected属性,selected=‘true’时,即选中,selected=‘false’则未选中。在html5中则将selected=‘true’可以缩写为selected,因为selected=‘false’是默认属性,比如:

volvo

saab

opel

audi

那么第4个option就是被选中的元素。

给你个例子

你参考下

在后台sevlet里面,把得到的list封装后,

在前台读出,现在可以用jstl的forEach标签,但是如果不用这个扩展标签,用原始的代码outprint也可以·~

--------------

例如:

下面是在接收输入的JSP页面中的东西,当然事先要引入你的BEAN...OK??你既然在问,应该知道这个的吧。

原始的方法:

<%

ArrayList list=(ArrayList)request.getAttrubite("这里是你在sevlet里set的Attrubute名字")

//可以这么写

for(Iterator t = list.iterator()t.hasNext())

{

//假设你有个叫"myBean"的JAVABEAN在后台。

myBean bean =(myBean)t.next()

//要打印出LIST中的值,就可以这样:

out.print(bean.getXXX())//这里的XXX就是你BEAN里对应的get方法。

}

%>

---------------

OK..不知道我说明白没有。

---------

另外:像楼上朋友说的用el表达式就更加简单了。

只需要先引入标签库。

然后在相应的地方

<c:ForEach item:"XXX" var="list">

//这里写el表达式输出

$

</c:ForEach>

效果图:

代码截图:(关键部分用框框标出)

源码:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

</head>

<body>

  <div>

      <span id="date"></span><br>

      <span id="week"></span>

  </div>

  <script>

      var showDate = document.getElementById('date') // 获取页面元素

      var showWeek = document.getElementById('week') // 获取页面元素

      var time = new Date()

      var year = time.getFullYear() //获取年份

      var month = correctDate(time.getMonth() + 1) //获取月份

      var day = correctDate(time.getDate())  //获取日期

      var date = "今天是" + year + "年" + month + "月" + day + "日"

      var week = time.getDay() // 获取星期几,返回的是0/1/2/3/4/5/6 0代表周日

      var weeks = [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六"]

      var toWeek = weeks[week] // 获取今日星期

      showDate.innerHTML = date // 将日期显示在页面

      showWeek.innerHTML = toWeek // 将星期显示在页面

      /* 这是一个规范数字的函数:

          当时间小于10时,在数字前面加上0,统一都是用两个数字表示,

          比如3月5日就显示03月05日

      */

      function correctDate(date){

          if(date<10){

              return '0'+date

          }

          return date

      }

  </script>

</body>

</html>