Combo box populated by Json

Question

I am looking to populate a combo box with a Json file that is representing the file contents of a folder in a directory. I have snippets of code but its obviously not working and I am unsure how to go about implementing it correctly.

My Json code i want to populate the combo box looks like this:

["xml/cdcatalog.xml","xml/equip.xml"]

And this is the script i have embedded into the HTML page:

$(document).ready(function() {
    $("#list1").jCombo(function() {
        $.getJSON('Jsontest.php?q=' + escape($('#list1').val()), function(data) {
            if ($("#list1").val() > 0) {
                alert("You chose " + $("#list1").val());
            }

        });
    });
});

This looks like code to get the jSon file, not populate the combobox. — Mikey G, Feb 10 '12 at 16:04
How would i go about putting the Json file i requested into the combobox? — user1199773, Feb 10 '12 at 16:07

score 2 · Accepted Answer · edited May 23 '17 at 11:52

2

I think you want something like this:

$(document).ready(function() { 
   $.getJSON("Jsontest.php", function(result) { 
       var options = $("#list1"); 
       $.each(result, function(item) { 
           options.append($("<option />").val(item).text(item)); 
       }); 
   }); 
});

Code taken from this answer:

jQuery: Best practice to populate drop down?

edited May 23 '17 at 11:52

Community

1
1

answered Feb 10 '12 at 16:10

Mikey G

3,473
1
22
27

Combo box populated by Json

1 Answers1