使用javascript动态添加选择框的选项值

ija*_*lax 6 javascript

我想在一个精选的javascript中填充年份.我做了以下代码.

<html>
<head>
    <script type="text/javascript">         
        $(document).ready(function(){   
            var cur_year=new Date().getFullYear();
            var obj=document.getElementById("yr");  
            alert(obj);         
            for (var i = 2000; i <= 2020; i++)     {                
                opt = document.createElement("option");
                opt.appendChild(document.createTextNode(value));
                opt.selected = selected;
                opt.value = i;
                opt.text=i;
                obj.appendChild(opt);
            }
        });
    </script>
</head>
<body>
    <select id="yr">
<option>year</option>
</select>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我不知道这有什么问题.我想填充年份,并希望在用户打开浏览器时在选择框中选择当前年份.任何人都可以帮忙吗?请!

Muh*_*bar 7

$(document).ready( function() { 
            var cur_year=new Date().getFullYear();
            var obj=document.getElementById("yr");         
            for (var i = 2000; i <= 2020; i++)     {                
                opt = document.createElement("option");
                opt.value = i;
                opt.text=i;
                obj.appendChild(opt);
            }
            document.getElementById("yr").value = cur_year;
        });
Run Code Online (Sandbox Code Playgroud)
  1. 只需使用.value并分配cur_year给它.

工作小提琴