Как отобразить блок в зависимости от выбранных select?

Question

[afonin_vlad]

На странице есть 2 select с разными городами. Подскажите пожалуйста, как реализовать отображение маршрута в зависимости от выбранных в 2-х select значений? Вот пример структуры.

<div class = "form-wrapper">
		<select id="departure"> 
		    <option value="Kharkiv">Харьков</option> 
		    <option value="Dnipro">Днепр</option> 
		    <option value="Николаев">Николаев</option> 
		    <option value="Odessa">Одесса</option> 
		</select>
		<select id="arrival"> 
		    <option value="Kharkiv">Харьков</option> 
		    <option value="Dnipro">Днепр</option> 
		    <option value="Николаев">Николаев</option> 
		    <option value="Odessa">Одесса</option>
		</select> 
	</div>
	 
	<div id="adds1">11111111111111111</div>
	<div id="adds2">22222222222222222</div>

То есть например, если выбран Днепр в первом select, а Одесса - во втором select, отобразить блок adds1. Может кто сталкивался с подобным.

Answer 1

[lex_never_give_up]

массив ассоциаций сделай, и потом по ключу(составляй из .value селектов) проверяй открыть или нет