JSFiddle - React, Tailwind, and code Playground

by rjha999

HTML

<select name="country" id="country" class="requiredInput" tabindex="5">
<option class="no-op" value="">-- Please select --</option>
<option value="977270" data-code="93">Afghanistan</option>
<option value="977271" data-code="355">Albania</option>
<option value="977272" data-code="213">Algeria</option>
<option value="977273" data-code="1684">American Samoa</option>
<option value="977274" data-code="376">Andorra</option>
<option value="977275" data-code="AO">Angola</option>
<option value="977276" data-code="AI">Anguilla</option>
<option value="977277" data-code="AQ">Antarctica</option>
<option value="977278" data-code="AG">Antigua</option></select>

JavaScript

$("#country").change(function(){
    alert($("#country :selected").attr('data-code'));
})