Error: End tag for 'optgroup' which is not finished. You have probably failed to
include a required child element. Hence the parent element is "not finished",
not complete.
Я хочу достигнуть чего-то вроде этого в избранных опциях.
USA
UK
--
Afghanistan
Я хочу поместить немного важных стран на вершину и затем невыбираемый делитель и затем заказал список остающихся стран.
Я поместил этот делитель с помощью пустого 'optgroup'. В то время как это работает отлично во всем браузере, я получаю ошибку проверки.
Каковы могли быть другие подходы для реализации этого?
Подобно тому, что написал @ZippyV, вы можете просто использовать и сделать его отключенным:
<option disabled='disabled'>--</option>
Это не будет выбираемым. Также, если бы это был я, я бы использовал m-тире, а не два дефиса:
<option disabled='disabled'>—</option>
Не используйте для этого optgroup.
Просто поместите это в ваш код
Вы не публиковали код, но держу пари, что у вас есть что-то вроде:
<select>
<option>USA</option>
<option>UK</option>
<optgroup label="---"></optgroup>
<option>Afghanistan</option>
<option>...</option>
</select>
Это недопустимо, потому что ваша группа opt не содержит элементов option. Вам нужно использовать что-то вроде:
<select>
<option>USA</option>
<option>UK</option>
<optgroup label="---">
<option>Afghanistan</option>
<option>...</option>
</optgroup>
</select>