CODEWITHSUNDEEP
phpjavascriptjquery
Ahmad Farid
Ahmad Farid

Reputation: 14774

Adding items to select (list box) of html/php through jQuery or javascript

Is it possible to add items to a select (list box) of html/php through jQuery or javascript when a specific action is triggered by another control in jQuery/javascript? (edited by Alex Thomas)

Upvotes: 0

Views: 4896

Answers (3)

T.J. Crowder
T.J. Crowder

Reputation: 1074495

Yes, you can add items on the client-side. For example:

// Get the raw DOM select element (first use jQuery
// to find it, then get the raw version via [0] 
var select = $("select[name=someField]")[0];

// Add the option
select.options[select.options.length] = new Option("Third Option", "3");

Live example

See also: How do you update all options of a select with jquery?

Upvotes: 2

TNC
TNC

Reputation: 5386

You can use the: $('select').append('<option value="id" selected="selected">Text</option>'); method, via jQuery. You can call this a number of ways (and get your data via ajax, stored objects, etc).

If you can provide a little more information of what actions you want to trigger this, I can provide a better example.

Hope this helps.

Upvotes: 1

a&#39;r
a&#39;r

Reputation: 36999

Yes, attach a suitable handler to the event of your choice. For example if you want to add new items when another control changes, you might use something like this:

$('#controller').change(function() {
    $('#child_select').append('<option>New option</option>');
});

Or alternatively, there are jQuery plugins available to make the drop down list dynamic based on the selection of another element.

Upvotes: 2

Related Questions