Как поменять местами значения в select?

Question

[V]

Есть следующая структура:

<select id="countries" multiple="multiple" name="mark_countries">
    <option value="509_0">Russia</option>
    <option value="601_1">USA</option>
</select>

<button class="btn btn-default btn-xs btn-block" type="button" id="upcountry">Вверх</button>

Каждый value состоит из id + приоритет (509 - id, 0 - приоритет). Мне нужно, чтобы при выборе страны и последующем нажатии кнопки "Вверх" страна поднималась на одну позицию выше, а страна, чье место она заняла, опускалась бы на одну позицию вниз. При этом приоритет (значение после "_") должен также меняться.

Comments

[Александр Ковальчук]

вы это хотите реализовать на jquery?

[V]

Александр Ковальчук: да

Answer 1

[creatoroftheworld]

var selectList = $('#countries'), button = $("#upcountry");
button.click(function() {
	var self = selectList.find('option:selected'),
	if (self.index() > 0 ) {
		self.insertBefore(self.prev());
		var counter = 0;
		selectList.find('option').each(function(){
			var value = $(this).attr('value').split('_')[0] + '_' + counter++;
			$(this).attr('value', value);
		})
	}
});

Answer 2

[romy4]

не ну это совсем просто.
прошлись по элементам, выделили порядок, отсортировали массив, переместили элементы
и вобще это уже смахивает на задание

Comments

[V]

Не, это рабочий момент как раз

[romy4]

Алексей: так что сложного то?

[V]

romy4: да я больше по бэкенду, поэтому кажется непривычно.

[Александр Ковальчук]

romy4: ну я так понимаю человек не знает js достаточно для решения задачи

[romy4]

Александр Ковальчук: значит это задание. алгоритм выше написал. хочет, может пошагово показывать что сделал и как получается, а решать за человека его задачу ну извините. за это деньги платят

[Александр Ковальчук]

romy4: Справедливо