I am new to jQuery. I am creating the json string in my servlet using gson-2.2.3.jar:

Gson gs = new Gson();
    String json = gs.toJson(names);
    System.out.println(json);
    PrintWriter out = resp.getWriter();
    out.println(json);
    out.close();

Below are the two mented codes I tried for binding the json string with drop-down but none of them works:

$.ajax({
         type:"POST",
         url: "DropDownController",
         success: function(result){
            alert(result);
            /* for (var id in result) {
                $("#drpDown").append('<option value="'+id+'">'+id+'</option>');
            } */
            /* $.each(result, function (index, value) {                 
                $("#drpDown").append('<option value="'+value.id+'">'+value.name+'</option>');
            }); */
         }
      });

The alert message box present in the success displays the json string in below format:

["Alabama","California","Alaska","Ohio"]

Kindly let me know how to bind the above json string data with the drop-down.

I am new to jQuery. I am creating the json string in my servlet using gson-2.2.3.jar:

Gson gs = new Gson();
    String json = gs.toJson(names);
    System.out.println(json);
    PrintWriter out = resp.getWriter();
    out.println(json);
    out.close();

Below are the two mented codes I tried for binding the json string with drop-down but none of them works:

$.ajax({
         type:"POST",
         url: "DropDownController",
         success: function(result){
            alert(result);
            /* for (var id in result) {
                $("#drpDown").append('<option value="'+id+'">'+id+'</option>');
            } */
            /* $.each(result, function (index, value) {                 
                $("#drpDown").append('<option value="'+value.id+'">'+value.name+'</option>');
            }); */
         }
      });

The alert message box present in the success displays the json string in below format:

["Alabama","California","Alaska","Ohio"]

Kindly let me know how to bind the above json string data with the drop-down.

• javascript
• jquery
• json
• gson

2 Answers 2

Try like this:

$.ajax({
    type: 'POST',
    url: 'DropDownController',
    dataType: 'json',
    success: function(result) {
        $.each(result, function() {
            $("#drpDown").append(
                $('<option/>', {
                    value: this,
                    html: this
                })
            );
        });
    }
});

Try this

var jso=["Alabama","California","Alaska","Ohio"]
for (var i in jso) {
  $("#test").append('<option value="'+jso[i]+'">'+jso[i]+'</option>');
} 

DEMO