JSFiddle - React, Tailwind, and code Playground

by Vince Aggrippino

HTML

<select id="a">
    <option>1
    <option>2
</select>
        
<select id="b">
    <option>1
    <option>2
</select>
        
<select id="c">
    <option>1
    <option>2
</select>

<select id="d">
    <option>1
    <option>2
</select>

<select id="e">
    <option>1
    <option>2
</select>

<select id="f">
    <option>1
    <option>2
</select>

JavaScript

$('#a').prop('selectedIndex', -1);
$("#b").prop('selectedIndex', 1);
$("#c").prop('selectedIndex', 2);
$("#d option:nth-child(2)").prop("selected", "selected");
$(function(){
    $("#e").prop("selectedIndex", "-1");
});