JSFiddle - React, Tailwind, and code Playground

by Martin Murciego

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<select class="js-example-basic-single">
    <option value="AL">Alabama</option>...
    <option value="WY">Wyoming</option>
</select>

<button>Add</button>
<div></div>

JavaScript

$(function () {
    $('body').on('DOMNodeInserted', 'select', function () {
        $(this).select2(
        {
              language: "es",
              placeholder: "Seleccione...",
              allowClear: true,
              width: "180px",
              closeOnSelect:true
        });
    });
    
    $("select").select2();
    
    $("button").on("click", function(){
        $("div").append($("<select/>"));    
    });
});