JSON LIST to SELECT dropdown

JSON LIST to SELECT dropdown

by napiyonbea

HTML

<select id="drp"></select>

<h1 id="answer"></h1>

<p id="pr"></p>

JavaScript

var data ={
    modelTypes:[
        {"type":"Andrew","age":"42","pro":"trq"},
        {"type":"Jennifer","age":"37","pro":"trw"},
        {"type":"Michele","age":"49","pro":"tre"},
        {"type":"Anna","age":"28","pro":"trr"},
        {"type":"Sarah","age":"40","pro":"trt"},
        {"type":"Alicia","age":"40","pro":"try"},
        {"type":"Nicola","age":"40","pro":"tru"}


]
}
var options = $.map(data.modelTypes, function ( item, i) {
    return $('<option>', { text: item.type , prop: item.age});
});
$("#drp").empty().append(options);


$(document).on('change','#drp',function(){
$("#pr").text(this.prop)
});