Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.04.2015, 10:58
Аспирант
Отправить личное сообщение для Rorbi Посмотреть профиль Найти все сообщения от Rorbi
 
Регистрация: 28.02.2014
Сообщений: 36

Получать и удалять значения из select
Здравствуйте. У меня возникла вот такая вот проблема, подскожите пожалуйста.
Есть список select:
<select class="selectList selectTegs" name="">
	<option class="disabled"   value="">Выберите тег</option>
	<option class="openSelect" value="">Тег 1</option>
	<option class="openSelect" value="">Тег 2</option>		
<option class="openSelect"  value="">Тег3</option>																
</select>



Есть кнопка:
<a class="addTegVideoSelect">Добавить</a>


И список ul в который происходит добавление из списка:
<ul class="listTegsSel keyVideo liInline">
												
</ul>

И собственно скрипт:
$("a.addTegVideoSelect").click(function(){
		var tegSeleted = $("select.selectTegs option.openSelect:selected");
		var tegDisabled = $("select.selectTegs option.disabled");
		var tegText = tegSeleted.text();
		var tegTextDisabled = tegDisabled.text();
		
		if(tegSeleted.is(".openSelect")){
			$("ul.listTegsSel").append("<li><a href='#'>" + tegText + "</a></li>");
			$("div.selectTegs span.selectText").text(tegTextDisabled);
			tegSeleted.remove();	
		}
		
	});
	
	$("ul.listTegsSel li").click(function(event){
		event.preventDefault();
		var listTegsSelAText = $(this).text();
		$("select.selectTegs").append( $('<option class="openSelect" value="">' + listTegsSelAText + '</option>'));
		$(this).remove();
	});




Делает он следующее:
Человек выбирает пункт в списке Select и жмет кнопку "Добавить".
После этого выбранный пункт попадает в ul и удаляется из select
Это работает как надо, но это не все
Теперь человек может удалить выбраны пункты из списка ul кликнув по ним. Пункт на который было кликнуто должен будет удалиться из ul и попасть обратно в select. Но почему то не работает, то есть работает только если пункты уже изначально были в списке ul, тогда да они удаляются из него и попадают в select, а вот те которые были добавлены из select в ul по средством кнопки ни как не реагируют(не удаляются из ul и не попадают обратно в select).
Подскажите пожалуйста в чем у меня проблема.

Последний раз редактировалось Rorbi, 29.04.2015 в 11:02.
Ответить с цитированием
  #2 (permalink)  
Старый 29.04.2015, 11:29
Аспирант
Отправить личное сообщение для Rorbi Посмотреть профиль Найти все сообщения от Rorbi
 
Регистрация: 28.02.2014
Сообщений: 36

Все я понял в что нужно было сделать))
$("body").on("click", "a.addTegVideoSelect", function(){
		var tegSeleted = $("select.selectTegs option.openSelect:selected");
		var tegDisabled = $("select.selectTegs option.disabled");
		var tegText = tegSeleted.text();
		var tegTextDisabled = tegDisabled.text();
		
		if(tegSeleted.is(".openSelect")){
			$("ul.listTegsSel").append("<li><a href='#'>" + tegText + "</a></li>");
			$("div.selectTegs span.selectText").text(tegTextDisabled);
			tegSeleted.remove();	
		}
		
	});
	
	$("body").on("click", "ul.listTegsSel li", function(event){
		event.preventDefault();
		var listTegsSelAText = $(this).text();
		$("select.selectTegs").append( $('<option class="openSelect" value="">' + listTegsSelAText + '</option>'));
		$(this).remove();
	});



за место
$("a.addTegVideoSelect").click(function(){
Нужно было так
$("body").on("click", "a.addTegVideoSelect", function(){
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести значения value из select в input Jeick9 Events/DOM/Window 28 29.11.2017 08:57
Проверка нескольких select на одинаковые значения emulexx Общие вопросы Javascript 6 07.04.2015 15:19
Изменение цвета шрифта выбранного значения select AlexG88 Элементы интерфейса 12 16.03.2015 10:33
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Как в oninput получить значения select? Jeick9 Events/DOM/Window 9 11.10.2014 20:18