js对下拉框的操作

<form name="form1">
<select name="YY" id="y">
<option value="" selected>请选择年</option>
</select>  
<input type="button" onclick="YYstart()" value="测试" /> 
<p id="y"></p>
<br>问1：默认显示当前年，点击“测试”按钮可输出当年年份
<br>问2：选择某年后，点击“测试”按钮可输出选择的年份
</form>
        
<script>
function YYstart()
{
//先给年下拉框赋内容
var y   = new Date().getFullYear();
for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
document.form1.YY.options.add(new Option(" "+ i +" 年", i));
  document.form1.YY.value = y;
    }
    if(document.attachEvent)
                window.attachEvent("onload", YYstart);
             else
                window.addEventListener('load', YYstart, false);                 
</script>