Bind Dropdown through AJAX

by Anand Jee

HTML

<select id="selectbox"></select>

JavaScript

var data = {
  modelTypes: [{
      "type": "Andrew",
      "age": "42",
      "isActive": "true"
    }, {
      "type": "Jennifer",
      "age": "37",
      "isActive": "true"
    }, {
      "type": "Michele",
      "age": "49",
      "isActive": "false"
    }, {
      "type": "Anna",
      "age": "28",
      "isActive": "false"
    }, {
      "type": "Sarah",
      "age": "40",
      "isActive": "true"
    }, {
      "type": "Alicia",
      "age": "40",
      "isActive": "true"
    }, {
      "type": "Nicola",
      "age": "40",
      "isActive": "false"
    }


  ]
}
var populateSelectBox = function(selectbox, dataArray) {
  dataArray.forEach(function(data) {
    selectbox.append("<option value=" + data.age + " status="+data.isActive+">" + data.type + "</option>");
  });
};

$(document).ready(function() {


  var selectbox = $('#selectbox');
  populateSelectBox(selectbox, data.modelTypes);
});