Как связать имя в раскрывающемся списке с помощью JQuery

Question

JSON данные извлекаются, как показано ниже:

{ 
    "id": 1, 
    "name": "Jon", 
    "creator_id": 0, 
    "date": "2015-10-26T18:58:12.62", 
    "change_date": "2015-10-27T18 
    :58:12.62", 
    "changer_id": 1, 
    "deleted": null 
}, 
{ 
    "id": 43, 
    "name": "sam", 
    "creator_id": 0, 
    "date": "2015-10-27T16 
    :36:25.45", 
    "change_date": null, 
    "changer_id": null, 
    "deleted": null 
}, 
{ 
    "id": 45, 
    "name": "Alex", 
    "creator_id": 0, 
    "date": "2015-10-27T17:25:04.903", 
    "change_date": null, 
    "changer_id": null, 
    "deleted": null 
} 

Я хочу, чтобы связать имена в выпадающем списке с помощью JQuery, как сделать это?

<div class="col-md-3"> 
    <select id="sel_group" name="groups" class="bs-select form-control input-medium"> 
     <option value="">Select Group....</option> 
    </select> 
</div> 

Answer 1

Возможно, вам придется разбирать json перед использованием. Но вы можете добавить следующее:

$.each(json_data, function(index, obj){ // assuming json_data variable having json 
    $("#sel_group").append("<option value='"+obj.id+"'>"+obj.name+"</option>") 
})