JS年份下拉框

时间：2019-11-27 12:28:16 阅读：104 评论：0 收藏：0 [点我收藏+]

HTML

<option value="" selected style="display: none">----请选择年份----</option>

</select>

下拉框中隐藏了第一个option并且默认选中

CSS

#year{

position: absolute;

top: 10px;

left: 465px;

width: 180px;

height: 32px;

line-height:32px;

cursor: pointer;

border: 1px solid #E2E3E8;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

appearance:none; //消除默认箭头

-webkit-appearance: none;

-moz-appearance: none;

background: url("../image/iconSelect.png") no-repeat right;//使用自己定义的箭头

}

var now = new Date();

var nowYear = now.getFullYear();

for (var i = nowYear;i >= 2000; i--) {

var option = $("<option/>").val(i).text(i);

$(‘#year‘).append(option);

}

这里的话是最新到2000年，可以根据自己实际需求改变

效果图

谷歌不支持字体居中

JS年份下拉框

原文地址：https://www.cnblogs.com/bbplayer/p/11940811.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行