使 optgroup 标签在下拉列表中选择

我计划为主要车型（瑞典汽车）提供一个简短的描述页面。我还想表明沃尔沃和萨博在下拉列表中位于瑞典汽车下方。然后，当我单击沃尔沃时，它应该导航到沃尔沃描述页面。如何显示最初选择的 optgroup 标签？

谢谢。

<select>
   <optgroup label="Swedish Cars">
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
   </optgroup>
</select> 

另一种解决方案是让第一个选项与 optgroup 标签相同，然后在下拉列表处于焦点时隐藏它。

<div class="select-wrapper">
<select>
   <optgroup class="swe-car" label="Swedish Cars">
     <option value="swedish-cars">Swedish Cars</option>
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
   </optgroup>
</select> 
</div>

$().ready(function(){    
    $('select').focus(function(){
       $('select option').eq(0).hide();
    });
});

https://jsfiddle.net/atbqtnq8/13/ https://jsfiddle.net/atbqtnq8/13/