JSON Web service to HTML dropdown

Question

I have a Web service which returns a JSON file, and I'm required to show the data in an HTML dropdown (select). How can I do this with jQuery or any other method?

Check out this link: remysharp.com/2007/01/20/…

Kevin Bowersox
– Kevin Bowersox

2011-07-05 20:34:54 +00:00
Commented Jul 5, 2011 at 20:34 — Kevin Bowersox
– Kevin Bowersox, Commented Jul 5, 2011 at 20:34

jimbo · Accepted Answer · 2011-07-05 20:38:20Z

4

$.getJSON(
    "/path/to/service",
    function(data) {

        var $s = $('.your_select_element').empty();

        // the actual contents of this loop will be
        // specific to the data
        for (var k in data) {
            $('<option></option>')
                .val(data[k].value)
                .text(data[k].text)
                .appendTo($s);
        }
    }
)

answered Jul 5, 2011 at 20:38

jimbo

11.1k6 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jason Spick · Accepted Answer · 2011-07-05 20:39:51Z

1

 $.ajax({
    url: "http://pathto.html",
    dataType: JSON,
    success: function(data){
        $(data).each(function(){
            $("select").append();//Append what you want.
        });
    }

answered Jul 5, 2011 at 20:39

Jason Spick

6,09814 gold badges43 silver badges62 bronze badges

1 Comment

Jason Spick Over a year ago

jimbojw version is correct, I just grabbed the closet code i had that would get it done.

Collectives™ on Stack Overflow

JSON Web service to HTML dropdown

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related