JSFiddle - React, Tailwind, and code Playground

HTML

<select name="comboChapters" id="comboChapters" data-native-menu="false">
</select>

JavaScript

var data = [{"chapterId":1,"chapterName":"First"},{"chapterId":2,"chapterName":"Second"}];

$(data).each(function() {
  var option = $('<option />');
     option.attr('value', this.chapterId ).text(this.chapterName );
     $('#comboChapters').append(option);
});

$('#comboChapters').selectmenu('refresh', true);