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

Question

I want to populate the year in a select javascript. 我想在一个精选的javascript中填充年份。 I did the following code. 我做了以下代码。

<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>

I don't know what is wrong in this. 我不知道这有什么问题。 I want to populate the year and want to select the current year in the select box when the user opens the browser. 我想填充年份，并希望在用户打开浏览器时在选择框中选择当前年份。 Any one can help? 任何人都可以帮忙吗？ please! 请！

Answer 1

$(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;
        });

Just Use .value and assign cur_year to it. 只需使用.value并为其指定cur_year 。

Working Fiddle 工作小提琴

Answer 2

<?php 
$current_year = date('Y');
$end_year = date('Y', strtotime('+10 years'));
?>
<label>Year</label><select name="year">
    <?php
for($i=$current_year; $i<=$end_year; $i++)
{
    ?>
    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
    <?php
}
?>
</select>

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

问题描述

2 个解决方案

解决方案1
7 已采纳 2013-02-12 07:06:32

解决方案2
-1 2016-02-05 10:55:46

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

问题描述

2 个解决方案

解决方案1 7 已采纳 2013-02-12 07:06:32

解决方案2 -1 2016-02-05 10:55:46

解决方案1
7 已采纳 2013-02-12 07:06:32

解决方案2
-1 2016-02-05 10:55:46