Есть ли селектор CSS, который позволяет мне выбирать элемент на основе значения параметра выбора HTML?
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<p>Display only if an option with value 1 is selected</p>
Я ищу метод HTML/CSS только для отображения выбранного количества полей формы. Я уже знаю, как это сделать с помощью Javascript.
Есть ли способ сделать это?
Edit:
Название вопроса, возможно, вводит в заблуждение. Я не пытаюсь создать поле выбора, это довольно распространенное и много ответов на SO уже. Я на самом деле пытался стилизовать элемент <P>
на основе значения, выбранного в <select>
.
Как бы то ни было, что я действительно пытаюсь сделать, это отобразить несколько полей формы на основе выбранного числового значения:
<select name="number-of-stuffs">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div class="stuff-1">
<input type="text" name="stuff-1-detail">
<input type="text" name="stuff-1-detail2">
</div>
<div class="stuff-2" style="display:none">
<input type="text" name="stuff-2-detail">
<input type="text" name="stuff-2-detail2">
</div>
<div class="stuff-3" style="display:none">
<input type="text" name="stuff-3-detail">
<input type="text" name="stuff-4-detail2">
</div>
Я хотел бы отображать div.stuff-1
и div.stuff-2
, когда число_файлов = 2 и display div.stuff-1
div.stuff-2
и div.stuff-3
, когда количество штук = 2.
Что-то вроде этого fiddle