Показать сообщение отдельно
  #2 (permalink)  
Старый 28.10.2018, 22:01
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<select id="one" class="link">
	<option>Елки</option>
	<option>Палки</option>
</select>

<select id="two"  class="link">
	<option>Елки</option>
	<option>Палки</option>
</select>
<div id='linkBlock'></div>
	<script>
var link = {
	'Елки':{
		'Елки':'link-one',
		'Палки':'link-who'
	},
	'Палки':{
		'Елки':'link-three',
		'Палки':'link-four'
	}
};
document.querySelectorAll('.link').forEach(el=>el.onchange = replaceLink);
		function replaceLink(){
			var l1 = one.options[one.selectedIndex].value,
			l2 = two.options[two.selectedIndex].value;
			console.log(l1);
			linkBlock.innerHTML = '<a href='+link[l1][l2]+'>'+link[l1][l2]+'</a>';
		}
	</script>
Ответить с цитированием