JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/popper.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<div class="container">

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

</div>

JavaScript

$(function() {
  var states = [{"stateId":"01","StateName":"Arizona"},{"stateId":"02","StateName":"Alabama"}];
  var $select = $('#StateID');
  $.each(states, function(i, state) {
    console.log(state);
    var option = $('<option>', {
      value: state.stateId
    }).html(state.StateName).appendTo($select);
    console.log(option);
  });
});