JSFiddle - React, Tailwind, and code Playground

by yoowordpress

HTML

<link rel="stylesheet" href="http://code.octopuscreative.com/fancyselect/fancySelect.css">
<script src="http://code.octopuscreative.com/fancyselect/fancySelect.js"></script>
  <select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>
<select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>

<select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>

CSS

.fancy-select{float:left; margin:10px;}

JavaScript

$('select').fancySelect().on('change.fs', function () {
	alert($(this).val());   
  });