How to add json data into select tag in jquery

Question

I have json data as below

{ "aaData": [["2","MAC"],["3","Apple"],["5","Windows"],["5","Unix"],["6","Linux"]]}

And I try with below jquery code but data not add with select tag

<script type="text/javascript">
    $(document).ready(function() {
    $("#mc_category").change(function() {
            $.getJSON("/admin/getSubCategory.php", null, function(data) {
            $("#subcategory").fillSelect(data);
        });
    });

 $.fn.fillSelect = function(data) {
    return this.clearSelect().each(function() {
        if (this.tagName == 'SELECT') {
            var dropdownList = this;
            $.each(data, function(index, optionData) {
            var option = new Option(optionData.Text, optionData.Value);
                if ($.browser.msie) {
                    dropdownList.add(option);
                }
               else {
                    dropdownList.add(option, null);
               }
           });
     }
    });
}

});
</script>

you probably just needed $("#subcategory").fillSelect(data.aaData); — Galen
– Galen, Commented Apr 20, 2011 at 19:05

wsanville · Accepted Answer · 2011-04-20 18:47:40Z

5

You can just loop through the aaData array, and use the jQuery appendTo method to add each item to your select box.

I'm not sure what the fillSelect method does, but here's an implementation that you can replace it with:

var sel = $('#subcategory');
for (var i = 0; i < data.aaData.length; i++)
{
    var e = data.aaData[i];
    $('<option>').text(e[1]).val(e[0]).appendTo(sel);
}

answered Apr 20, 2011 at 18:47

wsanville

37.6k8 gold badges78 silver badges102 bronze badges

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

Comments

Jishnu A P · Accepted Answer · 2011-04-20 18:48:23Z

2

$("#subcategory").append(
     $.map(data.aaData,function(index,value){
          return $("<option/>").attr("value",value[0]).text(value[1]);
     }).get();
 );

answered Apr 20, 2011 at 18:48

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to add json data into select tag in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related