JSFiddle - React, Tailwind, and code Playground

HTML

<select id="one"></select>
<select id="two"></select>
<select id="three"></select>
<select id="four"></select>

JavaScript

var TypeList = {
    'One': ['Select','00','01','02','03','04','05','06','07'],
    'Two': ["Any", "Gavin", "Amanda", "Donna", "Irene"],
    'Three': ["Any", "Sarah", "Nicholas", "Ellison", "Cornish", "Neil"],
    'Four': ["Any", "Rebecca", "Sophie", "Yvonne", "William", "Hill"]
}; 

var counter = 1;
addFromArray(TypeList.One, "one");
addFromArray(TypeList.Two, "two");
addFromArray(TypeList.Three, "three");
addFromArray(TypeList.Four, "four");


function addFromArray(arrayItems, dropdown)
{
    for(var i = 0; i < arrayItems.length; i++)
    {
        $("#" + dropdown).append("<option value='" + (i===0?-1:counter) + "'>" + arrayItems[i] + "</option>");
        if (i!==0)
            counter++;
    }
}