вопрос
Доброго времени суток. Подскажите знающие, как добавить при выборе option его текст в при select multiple, и добавлять все последующее option в конец существующего через запятую, при отмене option удалить с блока, и в блоке должна быть возможность удалить выбранное. При очистки формы все удалять.
Пример:
То что получилось сделать, но выводить не в конце списка а по тому как записано в select и не могу объединить несколько select
Спасибо за помощь.
Пример:
<div class="filter">
<div class="filter-rez" id="itog"></div>
<form data-dlefilter="dle-filter">
<select name="sort">
<option value="date">По дате</option>
<option value="comm_num">По комментариям</option>
<option value="news_read">По просмотрам</option>
<option value="rating">По рейтингу</option>
<option value="d.time">По продолжительности</option>
</select>
<select name="cat" id="cat" multiple data-placeholder="Категория" data-select-config="Поиск;">
<option value="1">Выбор 1</option>
<option value="79">Выбор 2</option>
<option value="8">Выбор 3</option>
<option value="44">Выбор 4</option>
</select>
<select name="modeli" id="modeli" multiple data-placeholder="Товары" data-select-config="Поиск;">
<option value="Выбор 5">Выбор 5</option>
<option value="Выбор 6">Выбор 6</option>
<option value="Выбор 7">Выбор 7</option>
<option value="Выбор 8">Выбор 8</option>
</select>
<div class="filter-button">
<input type="button" data-dlefilter="submit" value="Поиск">
<input type="button" data-dlefilter="reset" value="Очистить">
</div>
</form>
</div>
То что получилось сделать, но выводить не в конце списка а по тому как записано в select и не могу объединить несколько select
$(document).ready(function() {
$('#modeli').change(function() {
var value = $('#modeli option:selected').text();
$('#itog').empty();
$('#itog').append('<span>'+value+'</span>');
});
});
Спасибо за помощь.
