JSFiddle - React, Tailwind, and code Playground

by codyc54321

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

        <h2>Yeast</h2>
        <span>Yeast Brand Filter:</span>
        <select id="yeast-category-select">
            <option value="">-Any-</option>
            <option value="Danstar">Danstar</option>
            <option value="White Labs">White Labs</option>
            <option value="Wyeast">Wyeast</option>
        </select>

CSS

.setuprow label {
            margin: 8px 0 0;
            display: block;
            clear: both;
        }

JavaScript

$(document).ready(function() {
            $("#yeast-category-select").on("change", function() {
                alert('changed form');
            });
        });