JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css">
<div id="times"></div>
<div id="selectArea"></div>

JavaScript

var startBuildTime = new Date().getTime();
var testString = "";
for(var i = 0; i < 800; i++)
    testString += "<select name='crapola" + i + "'><option>" + i + "</option></select><br/>";

var startInjectTime = new Date().getTime();
var el = $("<div></div>").html(testString);

var startChosenTime = new Date().getTime();
$("select", el).chosen({width: '100%'});

var startAppendTime = new Date().getTime();
$("#selectArea").append($(el).children());
var endTime = new Date().getTime();

$("#times").html(
    "build time: " + ((startInjectTime - startBuildTime) / 1000) + "s <br />" +
    "inject time: " + ((startChosenTime - startInjectTime) / 1000) + "s <br />" +
    "render time: " + ((startAppendTime - startChosenTime) / 1000) + "s <br />" +
    "append time: " + ((endTime - startAppendTime) / 1000) + "s <br />"
);