選択タグでoptgroupのラベルを選択する方法はありますか？

Question

この選択タグがあるとします。ドロップダウンに表示される「スウェーデンの車」オプションを選択することは可能ですか？

<select> 
    <optgroup label="Swedish Cars"> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
    </optgroup> 
    <optgroup label="German Cars"> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
    </optgroup> 
</select> 

もしそうでなければ、「スウェーデンの車」が選択可能なように、何か類似したものを作るのに良い提案でしょうか？

Answer 1

A Javascript selectが役立ちます。

まず、Swedish Cars,German Carsなどを「親」ドロップダウンリストに1つだけ表示します。親が選択されると、その子は新しいドロップダウンに表示されます。

強制的に子供を選択しないでください。

これは、より良い、このページに示されている：http://wimleers.com/demo/hierarchical-select/taxonomy - あなたは意味

Answer 2

SELECTを使用して放棄し、JavaScriptを使用してドロップダウン置換でスタイル付きの順序付けられていないリストを使用して、SELECTのように動作させる必要があります。