Select и манипуляции с ним

Автор: Aport Понедельник, Февраль 2nd, 2015 Нет комментариев

Рубрика: Уроки JavaScript

Select и манипуляции с ним

Данные примеры базируются на основе jQuery

 

$(document).ready(function(){

	var s = $("#MySelect");// находим наш элемент Select

	var o = $(s)[0].selectedIndex;// определяем НОМЕР текущего выбранный элемента OPTION

	var l = $("option",s).length;// количество элементов OPTION в найденном  элементе Select

	$("option:eq("+o+")", s).removeAttr('selected');// снимаем выбор с текущего выбранного элемента OPTION

	$("option:eq("+(o + 1)+")", s).attr("selected","selected");// выбираем следующий НОМЕР выбранный элемента OPTION следующего за текущим

	// а теперь пример клонирования строки TR с возможностью сохранить выборы в элементах SELECT:

	$(".CopyMy").click(function(){// устанавливаем обработку на элементы содержащие class="CopyMy"

		var tr = $(this).firstParent("TR");// находим строку с помощью ф-ии firstParent()

		var clone = $(tr).clone();// клонируем строку TR

		$("SELECT", tr).each(function(i){

			var o = $(this)[0].selectedIndex;

			$("SELECT:eq("+i+") option:eq("+o+")", clone).attr("selected","selected");

		});

		$(clone).insertBefore(tr);// вставляем клонированную строку TR до текущей строки

		return false;
	});
});

Так же, пример работы с элементом Select можно найти в модуле CMS /admin/modules/poll/question_variants.php

Еще примеры

Cнимаем выбор с текущих выбранных элементов OPTION

$(‘option:selected’, s).removeAttr(‘selected’);

Выбираем указывая новое значение

$(‘option[value="3"]‘, s).attr(«selected»,true);

Выбираем указывая текст, который описывает option

$(s).find(‘option:contains(«Blue»)’).attr(«selected»,true);

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты