Chinovski Chinovski - 1 year ago 66
jQuery Question

How to populate a select form using ajax?

I have a form contains a button and a select. The button allows to open a pop-up to populate a table using booststrapTable that calls a java control method:

$('#elementsA').bootstrapTable('refresh', {url: "<c:url value='/elements/getElementsA'/>"+param});

I tried to apply the same thing with a select instead of a table(#elementsA) but I do not know exactly how to do, it's the first time I work on something like this.

This is my code for select:

var request = jQuery.ajax({
type: 'GET',
url: "<c:url value='/nomenclatures/getGgdBySpecialites'/>" + param,

var option_list = [["", "Aucune ..."]].concat(data);
for (var i = 0; i < option_list.length; i++) {
attr("value", option_list[i][0]).text(option_list[i][1]));

My select is always empty, and I do not see how to populate it using ajax. Can anybody light me on this?

Answer Source

Please try this:

for (var i = 0; i < option_list.length; i++) {
   $("#elementA").append("<option>" + option_list[i][1] + "</option>");
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download