Fill up Select Box dynamically using Jquery and Ajax

To load the select box with dynamic option thorugh ajax,

you can use following function

function loadComponent(parentId){
        $.ajax({
            type: 'GET',
            url: '## YOUR URL##',
            data: 'id='+parentId,
            beforeSend: function(){
                options = '<option value="">Loading ..</option>';
                $("#DYNAMIC SELECTBOX ID##").html(options);
            },
            success: function( data ) {
                //alert(data);
                var arrObj = jQuery.parseJSON(data); // php response array as json_encode().
                options = '<option value="">select Component</option>';
                $.each(arrObj, function(index, obj) {
                    options += '<option value="' + obj.Id + '">' + obj.PrimaryName + '</option>';
                      // work with value
                });
                $("##DYNAMIC SELECTBOX ID##").html(options);
            }
        });
   }