Показать input при конкретном option

[7ion]

Есть код

<select>

<option value="1">One</option>

<option value="2">Two</option>

</select>

<input type="text" name="unnamed" />

Возможно ли в 2017 году сделать, чтобы input был виден только при выбранном <option value="2">, исключительно с помощью CSS? Трюк с чекбоксом не выходит - <label for=""> в выпадающем списке браузеры (тестил в FF) игнорируют.

[Switch74]

<select> <option value="1">One</option> <option value="2">Two</option> </select>
меняете на кастомный, работающий через css в который легко вставляются label на вроде:
https://jsfiddle.net/uoohd1hw/1/
но я бы так не делал наверно

[DivMan]

Почему, с помощью css, а не js?

[Нарек]

13 hours ago, 7ion said:

Есть код

<select>

<option value="1">One</option>

<option value="2">Two</option>

</select>

<input type="text" name="unnamed" />

Возможно ли в 2017 году сделать, чтобы input был виден только при выбранном <option value="2">, исключительно с помощью CSS? Трюк с чекбоксом не выходит - <label for=""> в выпадающем списке браузеры (тестил в FF) игнорируют.

Как по мне так CSS не должен управлять состоянием, он должен стилизовать.

Для управления состоянием есть js. 

По правильному (имхо) нужно добавить некий класс если выбран нужный option, и исходя из этого показать/скрыть в css.