jquery(JS)简单实现选择年份范围,高手飘过~~

JQuery 1492 0 2014-01-06

jquery(JS)简单实现选择年份范围,高手飘过~~

这是简单js代码,实现功能是当你选择开始年份时,结束年份的最小年份为大于或等于开始年份。

如:开始年份为2000,那么结束年份可选择范围为2000~2014。

如:开始年份为2010,那么结束年份可选择范围为2010~2014。

实现代码如下:

HTML代码:
<form id="form1" name="form1" method="post" action="">
  <select name="year1" id="year1">
    <?php for($i=date('Y');$i>=1990;$i--){ echo '<option value="'.$i.'">'.$i.'</option>'; }?>
  </select>
  ~
  <select name="year2" id="year2">
    <?php for($i=date('Y');$i>=1990;$i--){ echo '<option value="'.$i.'">'.$i.'</option>'; }?>
  </select>
</form>

JS代码:
<script language="javascript">
$(function(){
 $('#year1').change(function(){
  var year1=$(this).val(); var year2; var date = new Date();
  for(i=date.getYear();i>=year1;i--){
   year2+='<option value="'+i+'">'+i+'</option>';
  }
  $('#year2').html(year2);
 });
})
</script>

上一篇:jquery+mobile实现触摸滑动、自动滑动、点击滑动效果

下一篇:jQuery选择器大全(48个代码片段+21幅图演示)

讨论数量:1

天涯网魂 3 杠 5 星2014-01-06 12:26:55

以上不兼容火狐,要兼容火狐需要将代码“date.getYear() ”换成“date.getFullYear()”。

请先登录再发表讨论。 2024-04-29

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链