JSFiddle - React, Tailwind, and code Playground

by jonathon

HTML

<select id="id-search-country" name="country"> 
    <option value="----">All countries</option>
    <option value="AR,,">Argentina</option>
    <option value="AU,,">Australia</option>
    <option value="BR,,">Brazil</option>
    <option value="CA,,">Canada</option>
    <option value="----">----</option>
    <option value="----">All countries</option>
    <option value="AF,,">Afghanistan</option>
    <option value="AL,,">Albania</option>
    <option value="DZ,,">Algeria</option>
    <option value="AS,,">American Samoa</option>
    <option value="AR,,">Argentina</option>
</select>

JavaScript

$("select").change(function(){
    $("option[value='" + $(this).val() + "']:first").attr("selected","selected");
});