JSFiddle - React, Tailwind, and code Playground

by Benjamin DeLong

HTML

<form name=test>
    <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>
</form>

JavaScript

var options = $.makeArray($('option').each(function(){ return $(this).val()}));
var o = new Array();
for(x in options){
    o.push(options[x].value);
}
var x = o.indexOf('AR,,');
$('#id-search-country option').eq(x).attr('selected', 'selected');