JSFiddle - React, Tailwind, and code Playground

by Dimox

HTML

<script src="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.css">
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.theme.css">
<select class="js-styler js-change-city" disabled></select>

JavaScript

$(".js-styler").styler();

$("div.js-change-city.disabled").on("click", function (e) {
  e.preventDefault();
  var options = "";

  for (i = 1; i <= 5; i++) {
    options += "<option>Опция " + i + "</option>";
  }

  $(this)
    .find("select")
    .append(options)
    .prop("disabled",false)
    .trigger("refresh");

	$(this).find('div.jq-selectbox__select').trigger('click');
	//$('div.js-styler div.jq-selectbox__select').click();

});