JSFiddle - React, Tailwind, and code Playground

by battlfrog

HTML

<script src="ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">

<select class="ddl" data-val="true" data-val-number="The field ItemId must be a number." data-val-required="The ItemId field is required." id="ItemId" name="ItemId"><option value="2">BAND INSTRUMENTS AND EQUIPMENT</option>
<option value="3">WOODWIND INSTRUMENTS</option>
<option value="4">PICCOLO</option>
<option value="5">FLUTE</option>
<option value="6">CLARINET - B FLAT</option>
<option value="7">CLARINET - ALTO</option>
<option value="8">CLARINET - BASS</option>
<option value="9">CLARINET - E FLAT CONTRA-ALTO</option>
<option value="10">CLARINET - B FLAT CONTRA-BASS</option>
<option value="11">CLARINET - OTHER</option>
<option value="12">SAXOPHONE - ALTO</option>
<option value="13">SAXOPHONE - TENOR</option>
<option value="14">SAXOPHONE - BARITONE</option>
<option value="15">SAXOPHONE - OTHER</option>
<option value="16">OBOE</option>
<option value="17">ENGLISH HORN</option>
<option value="18">BASSOON</option>
<option value="19">OTHER WOODWIND</option>
<option value="20">CONCERT BRASS INSTRUMENTS</option>
</select>

CSS

.overflow { height: 100px; }

JavaScript

$("#ItemId").selectmenu().selectmenu("menuWidget").addClass("overflow");