<html>
<head>
<title>test</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<script>
$().ready(function(){
var arrYear = new Array();
var date = new Date();
var year= date.getFullYear();
for (var i=0;i<=10;i++){
arrYear.push(year-i);
}
$.each(arrYear, function (i) {
$("#selYear").append("<option value='" + i + "'>" + arrYear[i] + "</option>");
});
$("#selYear").unbind();
$("#selYear").bind("change", function () {
alert("当前选择-----索引：" +$("#selYear").val()+ "---值：" + $("#selYear").find("option:selected").text());
});
});
</script>
<body>
<select id="selYear" style="width:140px"></select>
</body>
</html>
<head>
<title>test</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<script>
$().ready(function(){
var arrYear = new Array();
var date = new Date();
var year= date.getFullYear();
for (var i=0;i<=10;i++){
arrYear.push(year-i);
}
$.each(arrYear, function (i) {
$("#selYear").append("<option value='" + i + "'>" + arrYear[i] + "</option>");
});
$("#selYear").unbind();
$("#selYear").bind("change", function () {
alert("当前选择-----索引：" +$("#selYear").val()+ "---值：" + $("#selYear").find("option:selected").text());
});
});
</script>
<body>
<select id="selYear" style="width:140px"></select>
</body>
</html>