JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Dynamically loaded list Sample</h1>
Country:<select name='country' id='country' size='1'></select>
JavaScript
function loadlist(selobj,url,nameattr)
{
$(selobj).empty();
$.getJSON(url,{},function(data)
{
$.each(data, function(i,obj)
{
$(selobj).append($('<option></option>').val(obj[nameattr]).html(obj[nameattr]));
});
});
}
$(function()
{
loadlist($('select#country').get(0), 'http://funiks.com/invoice/phonebook/dropdown-ajax/get-list.php?getlist=contactname','contactname');
});