HTML вариант select без JavaScript

Я пытаюсь закодировать простой выбор опции, который будет отображать под ним под ним после выбора. Я выполнил это действие с помощью JavaScript, и теперь я пытаюсь удовлетворить пользователей, которые не используют JavaScript. Как я буду добиваться этого?HTML вариант select без JavaScript

мой код идет просто так:

<ul> 
    <li>List Item 1</li> 
    <li>List Item 2</li> 
    <li>List Item 3</li> 
    <li>List Item 4</li> 
</li> 

<div class="hidden">Details about item 1</div> 
<div class="hidden">Details about item 2</div> 
<div class="hidden">Details about item 3</div> 
<div class="hidden">Details about item 4</div>

источник

2013-05-20 Saint Dee

Можете ли вы показать скрипку, что вы пробовали с помощью javascript? поэтому мы можем получить идею – underscore

Насколько мне известно, это невозможно. Все, что вы можете сделать, это использовать noscript, чтобы сообщить им, что у них нет js – cheedep

. Я не думаю, что вы можете. Вам нужен код, который на самом деле выполняется для выполнения подобных действий. Условный CSS не будет делать этого, потому что он не проверяет DOM, и нет псевдо-класса CSS, который соответствует выбранному варианту. –

Я хотел бы предложить progressive enhancement. Показать все и скрыть его скриптом.

Если у пользователя нет сценария, информация по-прежнему доступна, со скриптом он будет интерактивным и выглядит лучше.

источник

2013-05-20 15:58:46

HTML вариант select без JavaScript

ответ

Смежные вопросы