Adding items to select (list box) of htmlphp through jQuery or javascript - Stack Overflow

admin管理员组

文章数量:1431426

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)

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)

• php
• javascript
• jquery

Share Improve this question Follow edited May 23, 2017 at 12:02 CommunityBot 111 silver badge asked Feb 21, 2011 at 12:56 Ahmad FaridAhmad Farid 14.8k4545 gold badges9898 silver badges138138 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

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.

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?

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.

本文标签： Adding items to select (list box) of htmlphp through jQuery or javascriptStack Overflow