JSFiddle - React, Tailwind, and code Playground

HTML

<select multiple>
	<option>9 EE</option>
	<option>9 1/2 EE</option>
	<option>10 EE</option>
	<option>10 1/2 EE</option>
	<option>11 EE</option>
	<option>11 1/2 EE</option>
	<option>9 EEEE</option>
	<option>9 1/2 D</option>
	<option>9 1/2 EEEE</option>
	<option>10 EEEE</option>
	<option>10 1/2 EEEE</option>
	<option>11 EEEE</option>
	<option>9 D</option>
	<option>11 1/2 EEEE</option>
</select>

CSS

select {
    height:600px;
}

JavaScript

$("select").html($("option").sort(function (a, b) {
    return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}));