JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button"
id="btn"
value="Add Selector!" />
<div id="check0">
<select id="select0" name="select">
<option selected>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
</select>
</div>
JavaScript
function addHandler(node, index){
node.onchange = function() {
alert('Changed select index ' + index + '. Its value is ' + node.value);
}
}
function duplicateSelectElement() {
var container = document.getElementById("check0");
var allSelects = document.getElementsByName("select");
var firstSelect = allSelects[0];
var newSelect = firstSelect.cloneNode(true);
addHandler(newSelect, allSelects.length + 1);
container.appendChild(newSelect);
}
addHandler( document.getElementById('select0'), 1 );
document.getElementById('btn').onclick = duplicateSelectElement;