<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<iframe src="https://masterhost.ru/" frameborder="0"></iframe>
<select>
<option value="https://masterhost.ru/">1</option>
<option value="https://quto.ru/">2</option>
</select>
<script>
var frame = document.querySelector('iframe');
frame.addEventListener('mouseover', e=> e.target.style.border = "10px solid red");
frame.addEventListener('mouseout', e=> e.target.style.border = "0px");
document.querySelector('select').addEventListener('change', e=> frame.src = e.target.value);
</script>
</body>
</html>