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);

Оцени публикацию:
  • 10,47
Оценили человек: 10
Теги : jquery, select, option

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » JavaScript »