JSFiddle - React, Tailwind, and code Playground

by newblt123

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2-bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<select class="select2-nosearch select2-container form-control" data-placeholder="Projet">
    <option></option>
    <option value="AL" selected>Alabama</option>
    <option value="WY">Wyoming</option>
</select>

<button> Show Value </button>

JavaScript

$(function(){
    $( ".select2-nosearch" ).select2();
    
    $( "button" ).click(function(){
        alert( $( ".select2-nosearch" ).select2("val"));
    });
});