JSFiddle - React, Tailwind, and code Playground

by TC Lynk

HTML

<button class="appendoptions"> Add </button>
<select class="form-control supervisoronly" ></select>

JavaScript

var selectValues = [{
  "cat": "test 1",
  "name": "ram"
}, {
  "cat": "test 2",
  "name": "mothukuri"
}];

$(".appendoptions").click(function() {

  $.each(selectValues, function(key, value) {
  console.log(value);
    $('.supervisoronly')
      .append($("<option></option>")
        .attr("value", key)
        .text(value.name));
  });
});