Как указать с помощью js какие option выбрать у select multiple?

Question

[Дмитрий]

Есть такой селект. К нему подключен плагин select2

<select id="foo" 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>

В другой части сайта у меня распечатываются ссылки

<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>

Подскажите, как я могу сделать, чтобы тыкая на ссылку, это значение выбиралось в select. Если я тыкаю несколько - то несколько и добавляется?

использую jquery 1.11

Comments

[Никита Ермиличев]

выполнить $('#foo').val(["2", "3"]).trigger("change"); если отработает, то, как вариант, можно использовать данный подход

[Дмитрий]

Никита Ермиличев, да, это работает. я пробовал этот метод. В нем мы передаем массив значений.
Но, у меня другая проблема, мне нужно добавление не разом. а отдельными кликами по ссылкам.
Кликнул - добавилось, кликнул - добавилось
обработчик .trigger("change") - при каждом клике очищает то, что уже выбрано. Надо каким то образом получить уже выбранные val() которые есть и к ним добавить новый, который выбрали
Вот как получить массив уже выбранных - вот в чем загвоздка

[Никита Ермиличев]

Дмитрий, ну все верно. Берете все значения селекта и либо добавляем туда новое, либо удаляем старое (в зависимости от того была нажата <a> или нет). Этим мы получим корректный актуальный массив значений, ну а далее
$('#foo').val(actualValues).trigger("change");

Answer 1

[Никита Ермиличев]

<select id="SELECT" multiple="">
            <option value="1" >qwe</option>
            <option value="2">qweewqe</option>
            <option value="3" >rqwrqwr</option>
			<option value="4" >rqwrqwr</option>
			<option value="5" >rqwrqwr</option>
        </select>

		<a class='click' href="#">1</a>
		<a class='click' href="#">2</a>
		<a class='click' href="#">3</a>
		<a class='click' href="#">4</a>
		<a class='click' href="#">5</a>
<script>
$(document).ready(function(){
	$('.click').on('click', function(){
		var values = $('#SELECT').val();
		var current = $(this).text();
		
		if($(this).hasClass('selected'))
		{
			//тут удалите 
			$(this).removeClass('selected');
		}
		else
		{
			values.push(current);
			$(this).addClass('selected');
		}
		
		$('#SELECT').val(values).trigger("change");
		return false;
	});
});

</script>