Можно из этого сделать выпадающий список без помощи JS?

Question

[malkovan]

Привет.
Как из этого сделать выпадающий список?
Без помощи JS, только с помощью CSS и HTML.
Сейчас это выглядит так:

<div id="provider" class="select-list" data-last="0">

	<div class="select__items" id="MARKA">
	
		<p class="item" data-vi="42" data-value="HONDA" data-index="0">Honda</p>
		<p class="item item--selected" data-vi="45" data-value="YAMAHA" data-index="1" data-key="MARKA-YAMAHA">Yamaha</p>
		<p class="item item--selected" data-vi="44" data-value="SUZUKI" data-index="2" data-key="MARKA-SUZUKI">Suzuki</p>
		<p class="item item--selected" data-vi="43" data-value="KAWASAKI" data-index="3" data-key="MARKA-KAWASAKI">Kawasaki</p>
		<p class="item" data-vi="58" data-value="BMW" data-index="4">BMW</p>
		<p class="item" data-vi="73" data-value="Harley-Davidson" data-index="5">Harley D</p>
		<p class="item" data-vi="other" data-value="OTHER" data-index="6">Прочие</p>	
								
		<section>
		
		</section>

	</div>
							
	<input type="hidden" id="select-marka" name="MARKA_NAME" value="0">
						
</div>

Comments

[hesrun]

А стандартный select, чем вас не устраивает?

Answer 1

[FeST1VaL]

Обычный тэг select? просто без JS как вы передадите в инпут выбранный вариант?