How to populate the asp dropdown list through java script?

Question

I have a asp list box in the aspx page.Through the external java script I need to populate the list box manually. How to access the list box in the javascript? Does it requires jquery?I am attaching the java scripting to the aspx page dynamically. I am not using any include/import statements for java script. So I am unable to use "Document" object. How to create the new ListItem() in the java script code to populate it?

Is there any alternate way? Please help me out in this situation. Thanks in advance. Early response is appreciated.

aspsnippets.com/Articles/…

Habib
– Habib

2012-06-01 05:23:54 +00:00
Commented Jun 1, 2012 at 5:23 — Habib
– Habib, Commented Jun 1, 2012 at 5:23

Porco · Accepted Answer · 2012-06-01 05:29:58Z

1

You can do it in a variety of ways. You can get the listbox with:

var myListBox = document.getElementById(<'<%= myListBox.ClientId %>')

Or with Jquery:

$('#<%= myListBox.ClientId %>')

You can also set clientidmode to static which will use the same id as on the aspx page, so you could use:

$('#myListBox')

edited Jun 1, 2012 at 5:29

answered Jun 1, 2012 at 5:21

Porco

4,2033 gold badges25 silver badges25 bronze badges

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

3 Comments

P.Muralikrishna Over a year ago

Thanks for ur response. How to crate a list Item for the list box through java script?

Porco Over a year ago

What is the source of the items?

P.Muralikrishna Over a year ago

I am hard coding the values of now

Vinod · Accepted Answer · 2012-06-01 05:29:31Z

1

you can access list box using the listbox id

 var Lbox   document.getElementById(<'<%= ListBox.ClientId %>');
 var option = document.createElement("option");
 option.value = '1';
 option.innerHTML = 'Option 1';
 Lbox.appendChild(option);

edited Jun 1, 2012 at 5:29

answered Jun 1, 2012 at 5:21

Vinod

4,9124 gold badges21 silver badges26 bronze badges

1 Comment

P.Muralikrishna Over a year ago

In the external Java script I am unable to use document as per my requirement

Adil · Accepted Answer · 2012-06-01 05:35:12Z

I am attaching the java scripting to the aspx page dynamically. I am not using any include/import statements for java script. So I am unable to use "Document" object.

Binding script dynamically does not refrain you from using document. you can do it like this. For details

Page.RegisterClientScriptBlock("MyScript", _
   "<script language=javascript src='MyJavaScriptFile.js'>");

2 . Through the external java script I need to populate the list box manually. How to access the list box in the javascript

You can get data from server for dropdown using ajax. If you do not need data from server you can omit ajax part. For details follow this article

In HTML section

  <asp:DropDownList ID="ddlCities" runat="server"> </asp:DropDownList>

In Javascript section

 $.getJSON('LoadCities.ashx?StateID=' + StateID, function(cities) {
       $.each(cities, function() {                        
          $("#ddlCities").append($("<option> </option>").val(this['ID']).html(this['City']));

        });
  });

Collectives™ on Stack Overflow

How to populate the asp dropdown list through java script?

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related