JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<select name="country" id="c_id" multiple size="9">   
    <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>
<input id="getval" type="button" value="Get value"/>
<input id="setval" type="button" value="Set value"/>
<script>
    $("#getval").click(function(){
        alert($('select').val());
    });    
    $("#setval").click(function(){         
        $('#c_id').val(["IN"]);
    });
</script>