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" selected>002</option>
      <option value="value_003">003</option>
</select>
<p id="result"></p>
<button id="btn">Select 001</button>

JavaScript

var select = $(".select").dropdown({
 		"optionClass": "withripple",
    "onSelected": function(e){
    		$("#result").text(e);
    }
 });
 $("#btn").on("click", function(e){
 		e.preventDefault();
 		$(".select").val('value_001').trigger("change");
  	return !1
 })