使用javascript動態添加選擇框的選項值

Question

我想在一個精選的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>

我不知道這有什么問題。 我想填充年份，並希望在用戶打開瀏覽器時在選擇框中選擇當前年份。 任何人都可以幫忙嗎？ 請！

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

只需使用.value並為其指定cur_year 。

工作小提琴

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