Javascript.RU

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

Как соединить 2 функции в одну
Имеется 2 тега select, как сделать, чтобы при выборе определённых опций в двух select вызывался какой-нибудь метод. Например, при выборе test11 и test21 срабатывал alert.
Простите за мою неграмотность в программировании.
Буду крайне признателен за помощь.
Принятые меры: недельное обшаривание интернета.

<select id="test1">
  <option></option>
  <option value="test11" id="test11">test11</option>
  <option value="test12" id="test12">test12</option>
  <option value="test13" id="test13">test13</option>
</select>

<select id="test2">
  <option></option>
  <option value="test21" id="test21">test21</option>
  <option value="test22" id="test22">test22</option>
  <option value="test23" id="test23">test23</option>
</select>


let testt1 = document.querySelector("test1");
	let testt2 = document.querySelector("test2");

	test1.addEventListener("change", test1sel);
	test2.addEventListener("change", test2sel);

	function test1sel() {
  let test111 = test1.value;
  let test222 = test2.value;
  if (test111 == "test11" && test222 == "test21") {
    alert("Выбран test1 и test2");
	}
}
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2019, 08:11
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,127

Сообщение от skytec
Например, при выборе test11 и test21 срабатывал alert.
Как вариант...

<select id="test1">
	<option></option>
	<option value="test11" id="test11">test11</option>
	<option value="test12" id="test12">test12</option>
	<option value="test13" id="test13">test13</option>
</select>
<select id="test2">
	<option></option>
	<option value="test21" id="test21">test21</option>
	<option value="test22" id="test22">test22</option>
	<option value="test23" id="test23">test23</option>
</select>
<script type='text/javascript'>
(function(){
	var o1=document.querySelector("#test1");
	o1.addEventListener("change", test);
	var o2=document.querySelector("#test2");
	o2.addEventListener("change", test);
	function test(){
		if (o1.value=='test11' && o2.value=='test21') {
			alert('Ok');
		}
	};
	test();
})();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 28.10.2019, 08:38
Новичок на форуме
Отправить личное сообщение для skytec Посмотреть профиль Найти все сообщения от skytec
 
Регистрация: 27.10.2019
Сообщений: 2

ksa,
Спасибо большое, то, что нужно
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Как объединить 4 одинаковых функции Batyabest Общие вопросы Javascript 2 21.12.2013 22:53
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как получить значение переменной из callback функции? Хиросим AJAX и COMET 5 24.04.2012 09:32
Как проверить существование функции Aderba Общие вопросы Javascript 2 14.11.2008 16:09