ホームページ > 記事 > ウェブフロントエンド > 无限扩展的年份select_时间日期

无限扩展的年份select_时间日期

WBOYオリジナル: 2016-05-16 19:26:441046ブラウズ

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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：正宗的日历(含农历)_时间日期次の記事：MSN消息提示类_javascript技巧

続きを見る

无限扩展的年份select_时间日期

関連記事