设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 时间日期 > 详细内容
无限扩展的年份select
发布时间:2010-1-20  阅读次数:10153  字体大小: 【】 【】【

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---无限扩展的年份select</title>
</head>

<body>

<script>
//-------------------------------------
//   无限扩展的年份select
//  
//     作者: PuterJam
//-------------------------------------

var Lastyear
function selYear(obj,Cyear){
var len=16 //select长度
var selObj=document.getElementById(obj)
var selIndex=parseInt(len/2)-1
var newOpt
var LY=Cyear-Lastyear
for (i=0;i<len;i++){
     if (selObj.options.length!=len){
         newOpt=document.createElement("OPTION")
         newOpt.text=Cyear-selIndex+i
         newOpt.value=Cyear-selIndex+i
         selObj.options.add(newOpt,i)
           if (selIndex==i) {Lastyear=newOpt.value}          
         }
       else
       {
         selObj.options[i].text=parseInt(selObj.options[i].text)+LY
         selObj.options[i].value=parseInt(selObj.options[i].value)+LY
         if (selIndex==i) {Lastyear=selObj.options[i].value}                    
       }
  }
   selObj.selectedIndex=selIndex
}
</script>
<select size="1" id="yearSelect" name="yearSelect" onchange="selYear('yearSelect',this.value)"></select>
<script>selYear('yearSelect',2005) //初试化select</script>

</body>

</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮