JSFiddle - React, Tailwind, and code Playground

by misbahmunirinalkhafadh

HTML

<select name="vts">
<option value="1" >Option 1</option>
<option value="2" >Option 2</option>
<option value="3" >Option 3</option>
<option value="4" >Option 4</option>
</select>

<select>
<option value="1" >Option 1</option>
<option value="2" >Option 2</option>
<option value="3" >Option 3</option>
<option value="4" >Option 4</option>
</select>

JavaScript

$(function(){
    var $vts = $("select[name='vts']");
    $vts.prepend("<option value='' selected='selected'>Select one...</option>");                        
    $vts.attr("size", $vts.find("option").length);
    $vts.attr("title", "Appointment Type");
    $vts.find("option").eq(0).attr("selected","selected"); //IE8 needs this
    $vts.find("option:selected").removeAttr("selected");
});

$('option:selected', this).removeAttr('selected');