JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/FezVrasta/dropdown.js/master/jquery.dropdown.css">
<link rel="stylesheet" href="https://rawgit.com/FezVrasta/dropdown.js/master/jquery.dropdown.css">
<script src="https://rawgit.com/FezVrasta/dropdown.js/master/jquery.dropdown.js"></script>
<select class="select" placeholder="This is a placeholder">
      <option value="value_001">001</option>
      <option value="value_002">002</option>
      <option value="value_003" selected>003</option>
</select>
<p id="result"></p>

JavaScript

$(".select").on("input change", function(e){
		$("#result").text($(this).val())
}).trigger("change").dropdown({
 		"optionClass": "withripple"
 });
 $().dropdown({autoinit: "select"});