JSFiddle - React, Tailwind, and code Playground

by tymeJV

HTML

<select id='select1'>
    <option>hey</option>
    <option>hey</option>
    <option>hey</option>
    <option>hey</option>
</select>

JavaScript

var options = gatherOptions("select1");
document.getElementById("select1").options.length = 0;
setOptions("select1", options);

function gatherOptions(elem) {
    var select = document.getElementById(elem);
    var optionsArr = [];
    for (var i = 0; i < select.options.length; i++) {
        var option = {};
        option.value = select.options.item(i).value;
        option.text = select.options.item(i).text;
        optionsArr.push(option);
    }
    return optionsArr;
}

function setOptions(elem, options) {
    console.log(options);
    var select = document.getElementById(elem);
    for (var i = 0; i < options.length; i++) {
        var option = document.createElement("option");
        option.value = options[i].value;
        option.text = options[i].text;
        select.appendChild(option);
    }
}