JSFiddle - React, Tailwind, and code Playground

by Ashish Singh

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select id="target">
<option>one</option>
<option>Two</option>
<option>Three</option>
</select>

<button id="load">
Load Dynamic Data
</button>

JavaScript

$('#target').select2();

$('#load').click(function(){
	var options = "<option>Four</option><option>Five</option><option>Six</option>";
	$('#target').html(options);
})

$('#target').on('change',function(){
alert('hi');
})