JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<select name="country_id" id="c_id">
   
    <option value="">Select Country</option>
    <option value="AF" lable="ssds">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    <option value="AS">American Samoa</option>
    <option value="AD">Andorra</option>
    <option value="AO">Angola</option>
    <option value="AI">Anguilla</option>
    <option value="AQ">Antarctica</option>
    <option value="AG">Antigua and Barbuda</option>
    <option value="AR">Argentina</option>
    <option value="AM">Armenia</option>
    <option value="AW">Aruba</option>
    <option value="AU">Australia</option>
    <option value="AT">Austria</option>
    <option value="AZ">Azerbaijan</option>
    <option value="BS">Bahamas</option>
    <option value="BH">Bahrain</option>
    <option value="BD">Bangladesh</option>
    <option value="BB">Barbados</option>
    <option value="BY">Belarus</option>
    <option value="BE">Belgium</option>
    <option value="BZ">Belize</option>
    <option value="BJ">Benin</option>
    <option value="BM">Bermuda</option>
    <option value="IN">India</option>
    
</select><br /><br /><br />

<input id="getval" type="button" value="get value"/>
<input id="gettxtval" type="button" value="Get Text and Value"/><br />
<input id="getindex" type="button" value="Get Index"/>
<input id="getnthval" type="button" value="Get 5th Value"/><br />
<input id="getind" type="button" value="Get India"/><br /><br />
<input id="setind" type="button" value="Set India"/><br />
<input id="setindex" type="button" value="Set Index"/>

<script>
    $('#getval').click(function(){
        alert($('select').val())
    });
    $('#gettxtval').click(function(){
        alert($('select option:selected').text()+">>>>>>>>>>"+$('select option:selected').val())
    });
    $('#getindex').click(function(){
        alert($('select option:selected').index())
    });
    $('#getnthval').click(function(){
        alert($('select option:eq(5)').text())
...