JSFiddle - React, Tailwind, and code Playground
HTML
<select class="course_date_selector applicationSelec">
<option location="Port Moresby" value="300" style="display:none;" course="285-Port Moresby">Aug-01-2015 </option>
<option location="Port Moresby" value="200" style="display:none;" course="285-Port Moresby">Aug-05-2015 </option>
<option location="Location B" value="200" style="display:none;" course="285-Location B">Aug-29-2015 </option>
<option location="Port Moresby" value="230" style="display:none;" course="284-Port Moresby">Aug-06-2015 </option>
</select>
CSS
body {
font-family: "Calibri";
}
#inTotal {
font-weight: bold;
border-bottom: 2px solid black;
}
.nr {
font-weight: bold;
}
input {
border: none;
background: transparent;
text-align: center;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
.Left {
text-align: left;
margin-left: 5px;
}
JavaScript
$(function(){
$('.course_date_selector option[course="285-Location B"]').show();
});