<optgroup маркировка = '-------'> </optgroup> дает xhtml ошибку проверки

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'. В то время как это работает отлично во всем браузере, я получаю ошибку проверки.

Каковы могли быть другие подходы для реализации этого?

5
задан Gray 17 October 2013 в 19:56
поделиться

3 ответа

Подобно тому, что написал @ZippyV, вы можете просто использовать и сделать его отключенным:

<option disabled='disabled'>--</option>

Это не будет выбираемым. Также, если бы это был я, я бы использовал m-тире, а не два дефиса:

<option disabled='disabled'>&mdash;</option>
5
ответ дан 14 December 2019 в 13:33
поделиться

Не используйте для этого optgroup. Просто поместите это в ваш код

0
ответ дан 14 December 2019 в 13:33
поделиться

Вы не публиковали код, но держу пари, что у вас есть что-то вроде:

<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>
1
ответ дан 14 December 2019 в 13:33
поделиться