<optgroup label = '-------'> </optgroup> выдает ошибку проверки xhtml - PullRequest
Новая
       15

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

5 голосов
/ 08 марта 2010 
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'. Хотя он отлично работает во всех браузерах, я получаю ошибку проверки.

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

Ответы [ 3 ]

5 голосов
/ 08 марта 2010

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

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

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

<option disabled='disabled'>&mdash;</option>
1 голос
/ 08 марта 2010

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

<select>
    <option>USA</option>
    <option>UK</option>
    <optgroup label="---"></optgroup>
    <option>Afghanistan</option>
    <option>...</option>
</select>

Это недопустимо, потому что ваша optgroup не содержит элементов option. Вам нужно использовать что-то вроде: 

<select>
    <option>USA</option>
    <option>UK</option>
    <optgroup label="---">
        <option>Afghanistan</option>
        <option>...</option>
    </optgroup>
</select>
0 голосов
/ 08 марта 2010

Не используйте optgroup для этого. Просто вставьте это <option val="-">--</option> в ваш код

...