如何在“选择”下拉列表中包含空格

Question

如何在下面的示例中的agencyName之前添加空格？

}
else if (item.level === 2) {
    $("#sel_Agency").append(
        $("<option>&nbsp;&nbsp;&nbsp;</option>")
        .text(item.agencyName)
        .val(item.id)
    );

Answer 1

这样：

               } else if (item.level === 2)
                    {
                        $("#sel_Agency").append(
                        $("<option></option>")
                        .text('&nbsp;&nbsp;&nbsp;' + item.agencyName)
                        .val(item.id)
                    );

Answer 2

不确定您是否希望在您的选择框中只有群组，但选择中的群组有规范：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup

来自MDN：

<select>
    <optgroup label="Group 1">
        <option>Option 1.1</option>
    </optgroup> 
    <optgroup label="Group 2">
        <option>Option 2.1</option>
        <option>Option 2.2</option>
    </optgroup>
    <optgroup label="Group 3" disabled>
        <option>Option 3.1</option>
        <option>Option 3.2</option>
        <option>Option 3.3</option>
    </optgroup>
</select>