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:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

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

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