JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<select id="my-select" name="emplist" style="width: 250px; height: 150px;" disabled multiple>
<option value="7839">KING</option>
<option value="7782">CLARK</option>
<option value="7934">MILLER</option>
<option value="21">MAMUN</option>
</select>

JavaScript

$(document).ready(function () {
	var arrayList = [
  	{"Id": 1, "Name": "King"},
    {"Id": 2, "Name": "Bogdan"},
    {"Id": 3, "Name": "The First"}
  ];
  
  for (var i = 0; i <= arrayList.length; i++) {
  	$('#my-select').append('<option value="' + 
    		arrayList[i].Id + '">' + arrayList[i].Name + '</option>');
        console.log("We have added " + arrayList[i].Id);
        console.log("And their names are: " + arrayList[i].Name);
        
  }
  
});