JQuery Optgroup 選中是一種非常有用的技術，它可以幫助您在 HTML 表單中選擇多個選項。

<select>
<optgroup label="組1">
<option value="1">選項1</option>
<option value="2">選項2</option>
</optgroup>
<optgroup label="組2">
<option value="3">選項3</option>
<option value="4">選項4</option>
</optgroup>
</select>

如上所示，optgroup 標簽可以用來定義選項的分類。在此基礎上，我們可以使用 jQuery 選擇器選擇 optgroup 和 option 元素，并使用 prop() 方法來檢查它們的狀態。

$(document).ready(function(){
$('select').change(function(){
var selected = [];
$('optgroup').each(function(){
var optgroup_label = $(this).attr('label');
var optgroup_selected = $(this).find('option:selected').map(function(){
return $(this).val();
}).get();
selected.push(optgroup_label + ': ' + optgroup_selected.join(', '));
});
$('#result').html(selected.join('
'));
});
});

以上的代碼會在每次選擇發生變化時檢查所有 optgroup 下被選中的選項，并將其信息存儲到一個數組中。然后，我們可以使用 join() 方法將這些信息組合在一起并顯示在網頁上。

<div id="result"></div>

最后，在 HTML 中添加一個包含結果的 div 元素。

在本文中，我們介紹了使用 jQuery Optgroup 選中的方法。這種技術可以極大地簡化 HTML 表單的管理，并使用戶體驗更加友好。