JSFiddle - React, Tailwind, and code Playground
by dmethvin
HTML
<select id="selectje1">
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
</select>
<input type="button" value="empty()" id="test1" />
<hr />
<select id="selectje2">
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
<option>sdfsd</option>
...
JavaScript
// #4407
$("#test1").click(function(){
console.time("test1")
$('#selectje1').empty();
console.timeEnd("test1")
})
$("#test2").click(function(){
console.time("test2")
document.getElementById('selectje2').options.length = 0;
console.timeEnd("test2")
})
$("#test3").click(function(){
console.time("test3")
var test3 = document.getElementById('selectje3');
while ( test3.firstChild ) {
test3.removeChild( test3.firstChild );
}
console.timeEnd("test3")
})