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

Оцени публикацию:
  • 6,29
Оценили человек: 6
  •  

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



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

HTML (19)

CSS (36)

PHP (21)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (31)

Программы (26)

Unix (11)

Интересное (37)


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


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

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

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Социальные рекомендации Twitter в Google

Ашманов про стартапы

Skype Distributed Database Architecture

Erlang - лекарство при высоких нагрузках

Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

некорректно отображается страница в браузерах

не могу войти в admin

Нужна критика идеи

Поиск по дополнительным полям и формам

Вопрос по категориям

Несколько вопросов по проекту.

Плагины, меню и интеграция

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах


youtube.com/watch?v=7hFivbgIEqk

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


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