Ausgewählte Option in JavaScript anzeigen

Question

Ich habe ein Problem, die Standardauswahl "Choose School" in meiner zweiten Auswahl anzuzeigen. Was sollte ich in meinem JavaScript hinzufügen, nur um diese Auswahl anzuzeigen?

Zum Beispiel direkt nach dem Laden der Seite. Der standardmäßig ausgewählte Artikel für die erste Dropdown-Liste zeigt "Choose Location", was in Ordnung ist. Aber in meiner zweiten Auswahl, Choose School zeigt nicht, warum? Was ist mit dem JavaScript nicht in Ordnung, was fehlt mir hier? Jedes neue Lernen wird sehr geschätzt.

$(document).ready(function(){ 
 
    var $cat = $('select[name=category]'), 
 
    $items = $('select[name=items]'); 
 

 
    $cat.change(function(){ 
 
     var $this = $(this).find(':selected'), 
 
     rel = $this.attr('rel'), 
 
     $set = $items.find('option.' + rel); 
 

 
     if ($set.size() < 0) { 
 
     $items.hide(); 
 
     return; 
 
     } 
 
     $items.show().find('option').hide(); 
 

 
     $set.show().first().prop('selected', true); 
 
    }); 
 
    }); 
 

.cascade { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select name="category"> 
 
    <option value="0">Choose location</option> 
 
    <option value="1" rel="1">Bacolod</option> 
 
    <option value="2" rel="2">Bohol</option> 
 
    <option value="3" rel="3">Cebu</option> 
 
    <option value="4" rel="4">Manila</option> 
 
    
 
</select> 
 
    <br> 
 
    <select name="items" class="cascade"> 
 
    <option>Choose school</option> 
 
    <option value="1" class="1">Bacolod Tay Tung High School</option> 
 
    <option value="2" class="3">University of Southern Philippines Foundation</option> 
 
    <option value="3" class="2">Dr. Cecilio Putong National High School</option> 
 
    <option value="4" class="1">Jack and Jill School</option> 
 
    <option value="5" class="4">British School Manila</option> 
 
    <option value="6" class="2">Holy Spirit School of Tagbilaran</option> 
 
    <option value="7" class="4">Chinese International School Manila</option> 
 
    <option value="8" class="2">Ubay National Science High School</option> 
 
    <option value="9" class="3">Abellana National School</option> 
 
</select>

Answer 1

hinzufügen Klasse in "wählte Schule" Option als class="0" und zusätzliche Parameter wie option.0 finden.

$set = $items.find('option.0, option.' + rel); 
<option class="0">Choose school</option>