<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>