Question

29

JQuery create new select option

rated 0 times [ 31] [ 2] / answers: 1 / hits: 151730 / 14 Years ago, tue, may 4, 2010, 12:00:00

I have the below functions in regular JavaScript creating select options. Is there a way I can do this with jQuery without having to use the form object? Perhaps storing the options as an array of JSON objects and parsing this in the calling function...

function populate(form)

{

form.options.length = 0;

form.options[0] = new Option(Select a city / town in Sweden,);

form.options[1] = new Option(Melbourne,Melbourne);

}

Below is how I call the function above:

populate(document.form.county); //county is the id of the dropdownlist to populate.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

stephonkeandrer

Add To Favorites

Follow

Total Points: 392

Total Questions: 94

Total Answers: 100

Location: Tajikistan

Member since Sun, Aug 29, 2021

3 Years ago

stephonkeandrer questions

1 Electron: how to open an url in the same window and after the user do some action go back to application in the same window

Thu, Mar 24, 22, 00:00, 2 Years ago

1 How to disable scroll on body when fullscreen menu open

Sun, Jun 28, 20, 00:00, 4 Years ago

1 How databind a textarea component text value and update it?

Tue, Jun 9, 20, 00:00, 4 Years ago

1 Angular; how to re-render component data when I update variable in script. Binding data is working, but not updating

Mon, May 4, 20, 00:00, 4 Years ago

1 Loading module was blocked because of a disallowed MIME type (“application/wasm”)

Sun, Oct 13, 19, 00:00, 5 Years ago

View All

answered 14 Years ago jeremiahianx · Accepted Answer

Something like:

function populate(selector) {

  $(selector)

    .append('<option value=foo>foo</option>')

    .append('<option value=bar>bar</option>')

}



populate('#myform .myselect');

Or even:

$.fn.populate = function() {

  $(this)

    .append('<option value=foo>foo</option>')

    .append('<option value=bar>bar</option>')

}



$('#myform .myselect').populate();