JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<ul>
    <li data-country="ARG">Argentina</li>
    <li data-country="USA"class="selected">United States</li>
    <li data-country="AUS">Australia</li>
</ul>
<select data-val="false" data-val-length="Only 64 characters allowed." data-val-length-max="64" data-val-required="Country code can't be empty" id="CountryCode" name="CountryCode" class="valid">
    <option value="ARG">Argentina</option>
    <option value="USA">United States</option>
    <option value="AUS">Australia</option>
</select>

CSS

.selected{
    color:red;
}

JavaScript

var country = $('.selected').data('country');
$('#CountryCode').find('[value="'+country+'"]').siblings().hide();
$('#CountryCode').val(country);