Выбор нескольких вариантов select?

Question

[MdaUZH]

Всем привет, столкнулся с такой задачей, и не знаю как её будет более правильно решить:

Как вариант сделать так:

select multiple - скрытый.
список с теми же значениями что и список, с атрибутом data-num = " value в select "
и по клику на элемент списка, эмулировать клик по элементу в select?

Но вот проблема, как соотнести data-num и value у option select ?

Пример:

<select name="name[]" multiple> --- display hide
<option value="22">Двадцать Два</option>
</select>
<ul>
<li data-num="22">Двадцать Два</li>
</ul>

Кликнул я по элементу списка "двадцать два", получил его data-num, как сделать выбранным элемент из select с таким же value ?

Заранее спасибо

Comments

[xmoonlight]

Еще раз: если Вы не делаете ничего - никто Вам помогать здесь не будет.
Приведите код, который Вы пытались написать. Разместите на jsfiddle.

[glenean]

Подскажите, пожалуйста в какой программе Вы сделали этот анимационный gif, она сама видео с экрана снимает?

[glenean]

Покажите, пожалуйста, js или назовитие библиотеку для этого multiple select.

[glenean]

Выложите, пожалуйста, эту страницу на codepen.io/pen

[MdaUZH]

xmoonlight , хорошо, проще спрошу, как найти элемент по его value ?

есть например - 22, нужно найти элемент option у которого value = 22

[MdaUZH]

glenean shareX,
а по вопросу, как можно найти элемент по value ?

[xmoonlight]

MdaUZH: $.each()

[MdaUZH]

xmoonlight: извиняюсь, забыл добавить что использую только чистый js,
там будет - перебрать все элементы и сравнить value?

[glenean]

MdaUZH: shareX - Спасибо
Разместите, пожалуйста, эту страницу на codepen.io/pen

[glenean]

MdaUZH:
var key;
var a = [];
for (key in a) {
if (a.hasOwnProperty(key)) {
console.log(a[key]);
}
}

Разместите, пожалуйста, эту страницу на codepen.io/pen

[xmoonlight]

MdaUZH: точно. А лучше - ставить текущий из списка, у которого value=22 в состояние selected, через соответствие position<->ID<->value (ну там сдвиг наерн).

Answer 1

[Артем Кустиков]

Бери готовый: https://harvesthq.github.io/chosen/
Поддержка стандартных селектов из коробки