JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/claviska/jquery-dropdown/master/jquery.dropdown.min.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/claviska/jquery-dropdown/master/jquery.dropdown.min.css">
    <section class="main">
    				<div class="fleft">
    					<p></br>Choose City:</p>
    				</div>
    				<div class="fleft">
    					<select id="cd-dropdown" class="cd-select">
    						<option value="-1" selected>Choose City</option>
    						<option value="Nicosia" >Nicosia</option>
    						<option value="Larnaka" >Larnaka</option>
    						<option value="Limassol" >Limassol</option>
    						<option value="Paphos" >Paphos</option>
    					</select>
    				</div>
    			</section>
    ......

    <div class="cont_btn">
        <input onclick="read()" value="send" type="button" data-type="submit" class="btn" />
    </div>

JavaScript

function read(){
    var city = document.getElementById("cd-dropdown").value;
    alert(city);
}
$( function() {
    $( '#cd-dropdown' ).dropdown( {
      gutter : 5,
      stack : false,
      delay : 100,
      slidingIn : 100
    } );
  });