Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.02.2017, 15:54
Новичок на форуме
Отправить личное сообщение для sharunm Посмотреть профиль Найти все сообщения от sharunm
 
Регистрация: 10.02.2017
Сообщений: 2

Зависимые списки
Ребята, начал писать универсальную функцию для создания зависимых списков. JQUERY только изучаю, даже самостоятельно написал уже несколько несложных программулинок...

В общем, написал часть скрипта, но по изменению SELECT и просто чтобы ни написал, страница никак не реагирует, при этом все функции Bootstrap рабочие (я бустраповскую ссылку на jquery убрал, вставил https://code.jquery.com/jquery-1.11.3.js).

Пока не стал писать запросов к php скрипту, выложу часть функции, подскажите, может, что-то не так оформил или где-то ошибка?

$('.blue-bg').css('background-color', '#ff0000 !important');// это как тест того, что на скрипт страница реагирует и меняет синий цвет блока на красный


$(document).ready(function() {
	
	
	$(".sensitive").change(function() {
		
		var elementID = $(this).attr('id');
		var sensitiveID = $(this).data('sensitive-target');
		var sensitiveTarget = $(this).data('sensitive');
		var value = $(this).value;
		var action = 'http://birzha/index.php/SensitiveLists/' + sensitiveTarget + '/?' +elementID +'=' + value;
		$(this).attr('rel').value(action);
		
		$('.blue-bg').css('background-color', '#ff0000'); // это как тест того, что на скрипт страница реагирует и меняет синий цвет блока на красный
		
	});
}


Здесь представлено два действия, я, естественно, тестирую все по одному .. Какая-то засада... Все делаю, вроде, как всегда...
Ответить с цитированием
  #2 (permalink)  
Старый 10.02.2017, 16:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

sharunm,
делайте макет не ждите телепатов
Ответить с цитированием
  #3 (permalink)  
Старый 10.02.2017, 16:17
Новичок на форуме
Отправить личное сообщение для sharunm Посмотреть профиль Найти все сообщения от sharunm
 
Регистрация: 10.02.2017
Сообщений: 2

У меня вопрос, орфографически код верно записан?
Ответить с цитированием
  #4 (permalink)  
Старый 10.02.2017, 16:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

sharunm,
да
Ответить с цитированием
  #5 (permalink)  
Старый 10.02.2017, 16:48
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Можно

$(".sensitive").change(function() {
         
        var src = $(this),
             sensitiveID = src.data('sensitive-target');
             sensitiveTarget = src.data('sensitive');
             action = 'http://birzha/index.php/SensitiveLists/' + sensitiveTarget + '/?' +this.id +'=' + this.value;
             src.attr('rel').value(action);
         
        $('.blue-bg').css('background-color', '#ff0000'); // это как тест того, что на скрипт страница реагирует и меняет синий цвет блока на красный
         
    });


Один раз var, это ради экономии ), а вот получать постоянно $(this) не стоит. Если sensitiveID и прочие переменные объявленные только ради формирования action, зачем их создавать, получить свойство value (атрибуты) элемента можно непосредственно, JQ для этого не нужен.

У связанных списков главное их функционал, а "что на скрипт страница реагирует и меняет синий цвет" лучше решать иначе.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
зависимые UL LI вместо select (Застрял) chelkaz Элементы интерфейса 18 03.03.2015 11:04
зависимые списки select zazula Элементы интерфейса 48 13.05.2014 21:42
Javascript SELECT - зависимые списки zakbc Events/DOM/Window 3 13.01.2013 00:37
Зависимые списки! DSHA Элементы интерфейса 12 27.06.2012 12:27
Выпадающие списки - динамика Страдающий AJAX и COMET 7 11.09.2009 18:25