グループを選択すると、そのグループ内のすべての項目が選択/表示されるドロップダウン リストが必要です。グループの一部だけを選択するオプションは必要ありません。また、複数のグループを選択するオプションは必要ありません
さらに、メンバーの1人を検索してグループを検索できるようにしたい
Bootstrap multiselect を使用しています ( https://davidstutz.github.io/bootstrap-multiselect/ )
これは私が現在持っているものです:
<select id="family-select" class="form-control" multiple>
<optgroup label="Group 1">
<option value="1-1">Option 1.1</option>
<option value="1-2">Option 1.2</option>
<option value="1-3">Option 1.3</option>
</optgroup>
<optgroup label="Group 2">
<option value="2-1">Option 2.1</option>
<option value="2-2">Option 2.2</option>
<option value="2-3">Option 2.3</option>
</optgroup>
</select>
$('#family-select').multiselect({
enableClickableOptGroups: true,
enableCollapsibleOptGroups: true,
includeSelectAllOption: false,
enableFiltering: true,
buttonClass: 'btn btn-link',
disableIfEmpty: true,
});