Sadist07
@Sadist07
Верстальщик, Недо дизайнер

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

Первое что интересует, как реализовать передачу данных в форму, если я буду использовать выпадающий список через 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>

Вообщем нужно получить что то такое.
cdb7cdcbf3064b1aaae8f9c9aa1569f4.jpg
  • Вопрос задан
  • 471 просмотр
Решения вопроса 1
@zhainar
Гуглю за вас
Добавьте в форму input type='hidden' и записывайте туда данные.
$('ul.select#metro li').on('click', function(){
    var value = $(this).text();
    $('input[name=metro]').val( value );
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы