JSFiddle - React, Tailwind, and code Playground

by phaas

HTML

<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<table>
    <tr>
        <td class="bold">Status:</td>
        <td>
            <select multiple="multiple" class="status chosen">
                <option value="NEW" selected="selected">New</option>
                <option value="SCREENED" selected="selected">Screened</option>
                <option value="QUALIFIED">Qualified</option>
                <option value="PCR">Prospective Customer Registered</option>
                <option value="DISQUALIFIED">Disqualified</option>
                <option value="DUP">Duplicate of Existing Customer</option>
            </select>
        </td>
    </tr>
    <tr>
    <td class="bold">Priority:</td>
        <td>
            <select multiple="multiple" class="priority chosen">
                <option value="HIGH">High</option>
                <option value="MEDIUM">Medium</option>
                <option value="LOW">Low</option>
            </select>
        </td>
    </tr>

</table>

CSS

bold {
    font-weight: bold;
}
.status, .priority {
    width: 300px;
}

JavaScript

$(".chosen").chosen({allow_single_deselect:true});