JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

Using jQuery <code>.val()</code>: <span class="timer1"></span>
<br>
<select class="select1"></select>
<br><br>
Using javascript <code>.value</code>: <span class="timer2"></span>
<br>
<select class="select2"></select>

JavaScript

var time,
select = $('select'),
    span = $('span'),
    opt = '';
for (var i = 0; i < 10000; i++) {
    opt += '<option>' + i + '</option>';
}

select.html(opt);

time = new Date();
select.eq(0).val(100);
span.eq(0).html((new Date() - time) + ' ms');

time = new Date();
select[1].value = "200";
span.eq(1).html((new Date() - time) + ' ms');