Как стилизовать option в select?

Question

[Дмитрий Антонов]

Первое что интересует, как реализовать передачу данных в форму, если я буду использовать выпадающий список через ul > li
В данный момент я стилизовал форму с помощью jquery селектрик но не могу понять как мне отправить данные из select в form если у меня они созданы через список

<ul class="select">
		<li>Выберете метро</li>
		<li><span class="metro-icons" style="background:red;"></span>Красная ветка</li>
		<li><span class="metro-icons" style="background:red;"></span>Красная ветка</li>
		<li><span class="metro-icons" style="background:blue;"></span>Синяя ветка</li>
		<li><span class="metro-icons" style="background:blue;"></span>Синяя ветка</li>
		<li><span class="metro-icons" style="background:green;"></span>Зеленая ветка</li>
		<li><span class="metro-icons" style="background:green;"></span>Зеленая ветка</li>
		<li><span class="metro-icons" style="background:darkorange;"></span>Желтая ветка</li>
		<li><span class="metro-icons" style="background:darkorange;"></span>Желтая ветка</li>
		<li><span class="metro-icons" style="background:darkorange;"></span>Желтая ветка</li>
		<li><span class="metro-icons" style="background:darkorange;"></span>Желтая ветка</li>
		<li><span class="metro-icons" style="background:blueviolet;"></span>Фиолетовая ветка</li>
		<li><span class="metro-icons" style="background:blueviolet;"></span>Фиолетовая ветка</li>
	</ul>

Вообщем нужно получить что то такое.

Answer 1

[Zhainar]

Добавьте в форму input type='hidden' и записывайте туда данные.

$('ul.select#metro li').on('click', function(){
    var value = $(this).text();
    $('input[name=metro]').val( value );
});