Dynamically create and populate dropdownlist using Jquery

Question

I have a requirement where I need to create and populate dropdownlists dynamically.

It is to display the levels of heirarchy. If I have the hierarchy level set to 5. I need to create 5 dropdownlists.

They are type of Cascading dropdownlist where onchange of one populates the next dropdown and so on.

Initially on page load the first dropdownlist alone is populated.

I am new to Jquery, so initally I added five dropdownlist on the page, and I have them working to the point where when I select the first one it populates the next dropdownlist and so on.

The part where I am stuck and need help is , how do i create the dropdownlists dynamically depending on a config entry and then binding them to the onchange event.

can you please provide sample code on how to do the above or provide me links that will help me in achieving the same.

Thanks much

Emmanuel N · Accepted Answer · 2011-12-19 18:39:07Z

1

Checkout this Cascading Dropdown Plugin for ASP.NET

answered Dec 19, 2011 at 18:39

Emmanuel N

7,4592 gold badges30 silver badges37 bronze badges

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

1 Comment

user1077595 Over a year ago

I need help in creating the dropdowns dynamically.

Blazemonger · Accepted Answer · 2011-12-19 18:43:09Z

0

A <select> dropdown is filled with <option>s, and you can manipulate these using standard jQuery DOM manipulation methods.

Start with this HTML:

<select id="blah"></select>

And you can add options dynamically with something like:

var val = 1;
var txt = 'One';
$('#blah').append('<option value="' + val + '">' + txt + '</option>');

answered Dec 19, 2011 at 18:43

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

Collectives™ on Stack Overflow

Dynamically create and populate dropdownlist using Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related