JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/chosen/0.9.12/chosen.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/chosen/0.9.12/chosen.jquery.js"></script>
<div id="dropHolder"></div>
JavaScript
for ( var idcount = 0; idcount < 4; idcount++) {
$html= '<select class="chzn-select" >'
$html+='<option selected=\"selected\">Make Selection...</option>';
$html+='<option value = "1" >Option1 </option>';
$html+='<option value = "2" >Option2 </option>';
$html+='<option value = "3" >Option3 </option>';
$html+='<option value = "4" >Option4 </option>';
$html+='</select>';
}
$('#dropHolder').html($html);
$(".chzn-select").chosen();
var dropHolder= document.getElementById("dropHolder");
dropHolder.appendChild("chzn-select");