add option value of the select box dynamically using javascript

Question

I want to populate the year in a select 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!

if i delete that line- opt.appendChild(document.createTextNode(value()), what will happen? — ijarlax
– ijarlax, Commented Feb 12, 2013 at 7:06

Talha Akbar · Accepted Answer · 2013-02-12 07:27:53Z

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

Just Use .value and assign cur_year to it.

Working Fiddle

edited Feb 12, 2013 at 7:27

answered Feb 12, 2013 at 7:06

Talha Akbar

10.1k7 gold badges41 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

ijarlax Over a year ago

Can you please tell the same code, without using the jquery. want to use javascript only.

Talha Akbar Over a year ago

@ijarlax see my updated answer it is just without IF statement.

Avishek Over a year ago

@AspiringAqib : This is a place for giving people solution and getting solutions from others. Not a place for fighting like kids. I appreciate your answer, but if you don't learn to respect others and accept that someone else can also have the solution without your help, you cant get much progress..

Avishek Over a year ago

@ijarlax : You can use $("#yr") in place of document.getElementById("yr")

Talha Akbar Over a year ago

@Avishek he wants pure JS as he commented above and ijarlax how it is possible? IE atleast supports document.getElementById

muthuraja143 · Accepted Answer · 2016-02-05 10:55:46Z

-1

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

answered Feb 5, 2016 at 10:55

muthuraja143

1

1 Comment

Friedrich Over a year ago

You should explain, what you did there.

Collectives™ on Stack Overflow

add option value of the select box dynamically using javascript

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related