Добрый день!
Прошу помощь с Select2 v4 ссылка на него
https://select2.github.io/options.html
С помощью него стилизовал <select>.
<input type="hidden" name="tagger-1" id="event" value="">
<select id="#event-list" multiple="multiple">
<option value="1">событи1</option>
<option value="2">событи2</option>
<option value="3">событи3</option>
<option value="4">событи4</option>
<option value="5">событи5</option>
</select>
Подключил Select2. Как сделать так чтобы при выборе в select2, выбранное значение подставлялось в value="" скрытого input через ",", а при удаление удалялось из input. Из того что прочитал в документации надо использовать два события: select2:select и select2:unselect и заворачивать их в (How can I attach listeners for these events?):
$('select').on('select2:select', function (evt) {
// Do something
});
Что получилось у меня. Но в таком случае вставляется только одно значение, те если сначало было выбрано value="Событие1" при выборе другого "Событие2" затирается первое и получается value="Событие2"! А требуется: value="Событие1, Событие2, Событие3"
А при удалении удаляется значение вместе с value="".
<script type="text/javascript">
$(function(){
$("#event-list").select2({
placeholder: 'Выберите событие',
})
//Добавление в value=""
.on('select2:select', function (evt) {
$('#event').attr('value', this.value);
})
//Удаление из value=""
.on('select2:unselect', function (evt) {
$('#event').removeAttr('value', this.value);
});
});
</script>