选择 HTML 中的多级选项

Question

我目前正在开发一个网站，但我有一个问题。 我想制作一个具有多个级别(分层(的列表，除了显然它不存在(如果是，请告诉我(。 所以我给自己做了一个不可见字符的系统，问题是一旦选择，制表符就会保留，它会阻止正确看到所写的内容。你有解决方案吗？

提前谢谢你！

问题：在此处输入图像描述

打开时的列表：在此处输入图像描述

代码 ：

<select name="selectEmp" id="selectEmp" class="form-control selectEmp">
<option value=""></option>
<option value="00.00.00" disabled="disabled">00.00.00 - Total</option>
<option value="10.00.00" disabled="disabled">10.00.00 - Bâtiment 1</option>
<option value="10.10.00" disabled="disabled">&nbsp;&nbsp;&nbsp;&nbsp;10.10.00 - Cave</option>
<option selected="selected" value="10.10.10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.10.10 - Test</option>
<option value="10.20.00" disabled="disabled">&nbsp;&nbsp;&nbsp;&nbsp;10.20.00 - Niveau 1</option>
<option value="10.30.00" disabled="disabled">&nbsp;&nbsp;&nbsp;&nbsp;10.30.00 - Niveau 2</option>
<option value="20.00.00" disabled="disabled">20.00.00 - Bâtiment 2</option>
<option value="20.10.00" disabled="disabled">&nbsp;&nbsp;&nbsp;&nbsp;20.10.00 - Cave</option>
<option value="20.20.00" disabled="disabled">&nbsp;&nbsp;&nbsp;&nbsp;20.20.00 - Niveau 1</option>
</select>

Answer 1

我们可以使用 optgroup。请参阅下面的代码。希望这会有所帮助。

<select name="selectEmp" id="selectEmp">
<option value="00.00.00 - Total"></option>
<optgroup value="10.00.00" label="10.00.00 - Bâtiment 1">
<option value="1">10.10.00 - Cave</option>
<option value="2">10.10.10 - Test</option>
<optgroup value="10.00.00" label="10.10.10 - Test">
<option value="2">10.20.00 - Niveau 1</option>
</optgroup>
<option value="2">10.30.00 - Niveau 2</option>
</optgroup>
<optgroup value="10.00.00" label="20.00.00 - Bâtiment 2">
<option value="1">20.10.00 - Cave</option>
<option value="2">20.20.00 - Niveau 1</option>
</optgroup>
</select>