[jQuery] Drop box values display
I am trying to hide/show various options in a "Sub-Category" drop box
when certain selections are made in a "Category" drop box.
HTML:
<label for="bestPracticeCategoryID">Category</label>
<select name="bestPracticeCategoryID" id="bestPracticeCategoryID">
<option value="0" class="">Please Select</option>
<option value="1" class="">Administrative Maintenance Fund</option>
<option value="2" class="">Breaks</option>
<option value="3" class="">Call By Name (Not to be confused by
Recall)</option>
</select>
<label for="subCategoryID" class="subID">Sub-Category</label>
<select name="subCategoryID" id="subCategoryID">
<option value="select">Please Select</option>
<option value="policyNotice">Policy Notice</option>
<option value="foremanLevel">Foreman Level</option>
<option value="journeyLevel">Journey Level</option>
<option value="foulWeather">Foul Weather</option>
</select>
JS:
$('#bestPracticeCategoryID').change(function(){
var docTypeval = $('#bestPracticeCategoryID').val();
if (docTypeval == '1')
{
$('.subID').show();
$('#subCategoryID').show();
$('#subCategoryID option').hide();
???What do I need here to show Policy Notice and Foreman Level???
}
});