JSFiddle - React, Tailwind, and code Playground

by Christophe

HTML

<select id="selectField">
</select>

JavaScript

var options = new Array();

options.push({id:1,value:'one',text:'text1',selected:false});
options.push({id:2,value:'two',text:'text2',selected:true});
options.push({id:3,value:'three',text:'text3',selected:false});
options.push({id:4,value:'four',text:'text4',selected:false});

var toBeSelected;
options.each(function(option) {
    var optionString = "<option id='" + option.id + "' value='" + option.value + "'>" + option.text + "</option>";
    $('selectField').insert(optionString);
    if (option.selected == true) {
        toBeSelected = option.id;
    }
});

$(toBeSelected).setAttribute('selected', 'selected');