java script for generating dropdown list dynamically?

Question

i have a list for choosing years in drop down, how can generate list dynamically.

my code :

 <select  id="year1">
     <option value=2012>2012</option>
     <option value=2011>2011</option>
     <option value=2010>2010</option>
 </select>

i have written a script like this,

 for(i = 0; i < 6; i++)
 {  
     document.getElementById('year1').options[i] = new Option(curr_year-i+1,curr_year-i+1);
 }

my doubt is how can give values here,( i.e < option value= "2012">2012 ) dynamically. thanks in advance. note: for me taking value in the option is important.

nrsharma · Accepted Answer · 2013-10-17 04:25:24Z

3

Try this

$(document).ready(function () {
    var year = 2013;
    for(i = 0; i < 6; i++){        
    $("#year1").get(0).options[$("#year1").get(0).options.length] = new Option(year, year);
        year=year+1;
    }
});

Here the year value is incremental, for reverse order use year=year-1;

And here is the working FIDDLE

answered Oct 17, 2013 at 4:25

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

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

Comments

iJade · Accepted Answer · 2013-10-17 04:23:06Z

0

Try using jQuery append to append options to select.Here is how you do it dynamically

var x = 2012;
for(var i=0;i<3;i++){
    $('#ddl').append($('<option></option>').val(x).html(x));
    x=x+1;
}

Here is the demo

answered Oct 17, 2013 at 4:23

iJade

23.9k58 gold badges163 silver badges251 bronze badges

Comments

marceloogeda · Accepted Answer · 2013-10-17 04:44:24Z

0

Using pure javascript

var createComboBox = function()
{
    var select = document.createElement("select"),
        year = new Date().getFullYear();

    for(var i = 0; i < 6; i++)
    {  
        var option = document.createElement("option");
        select.appendChild(option).text = year;
        select.appendChild(option).value = year;
        year += -1
    }

    document.body.appendChild(select);
}

createComboBox();

See the demo

answered Oct 17, 2013 at 4:44

marceloogeda

363 bronze badges

Comments

Vinod VT · Accepted Answer · 2013-10-17 04:51:20Z

0

You can archive this by using only php Just try this,

<select  id="year1">
   <?php $current_year=date("Y");
   for($i=1900;$i<=$current_year;$i++){
      <option value="<?php echo $i;?>"><?php echo $i;?></option>
   } ?>
</select>

edited Oct 17, 2013 at 4:51

answered Oct 17, 2013 at 4:25

Vinod VT

7,18912 gold badges54 silver badges78 bronze badges

5 Comments

Vasu Over a year ago

give same instance in jsp ?

Vinod VT Over a year ago

@user2773010 by using jsp you can just replace the variables and displaying of variables

Vasu Over a year ago

you we cant do in jsp ?

Vinod VT Over a year ago

@user2773010 ref :stackoverflow.com/questions/3685952/…

Vinod VT Over a year ago

<select id="year1"> int current_year=2013; for(int i=1900;int i<=current_year;int i++){ <option value=+"i"+>+i+</option> } </select>

Collectives™ on Stack Overflow

java script for generating dropdown list dynamically?

4 Answers 4

Comments

Comments

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related