JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/javascript/semantic.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/css/semantic.css">
<div class="ui dropdown">
  <div class="text">Select</div>
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item" data-value="Edit">Edit</div>
    <div class="item" data-value="Remove">Remove</div>
    <div class="item" data-value="Hide">Hide</div>
  </div>
</div>

JavaScript

// You'll notice that nothing is ever logged to the console

$(".ui.dropdown").dropdown({onChange:function(value,text){console.log("a");}})
                 .dropdown('set value', 'Hide')
                 .dropdown('set selected', 'Hide');