JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

window.onload = function(){
    var data = [
        {"JD_No":1,"JD_Name":"Network Administrator"},
        {"JD_No":2,"JD_Name":"System Administrator"}
    ];
    
    populateSelect(data, 'JD_No', 'JD_Name');
}

function populateSelect(data, idKey, nameKey){
    var select = document.getElementById('select');
    for(var i = 0; i < data.length; i++){
        var option = document.createElement('option');
        option.value = data[i][idKey];
        option.label = data[i][nameKey];
        select.appendChild(option);
    }
}