JSFiddle - React, Tailwind, and code Playground
HTML
<select id="myselect" />
JavaScript
$.fn.populateSelect = function (msg) {
var data = msg.hasOwnProperty('d') ? msg.d : msg;
if (data.length > 0) {
var output = [];
output.push('<option selected = "selected" value="0">(Select Item)</option>');
$.each(data, function (idx, val) {
output.push('<option value="' + val.Key + '">' + val.Value + '</option>');
});
$(this).html(output.join(''));
}
}
$(document).ready(function () {
var values = [{ "Key": 1, "Value": "Anchor Fixation" }, { "Key": 3, "Value": "Ankle Arthroplasty" }, { "Key": 19, "Value": "Disc Arthroplasty"}];
$("#myselect").populateSelect(values);
});