Как добавить ссылку на страницу в зависимом выпадающем списке?

Question

[testtoster]

Есть зависимый выпадающий список. Город и страна. Как сделать, чтобы страны содержали в себе ссылки на страницу?

<div class="row">

	<div class="col">
		<select name="country" id="country">
			<option value="bra">Браpилия</option>
			<option value="rus">Россия</option>
			<option value="ind">Индия</option>
			<option value="chn">Китай</option>
			<option value="zaf">ЮАР</option>
		</select>
	</div>

	<div class="col">
		<select name="city" id="city" >

		</select>
	</div>

</div>

var cities = {
		bra: ["Сан-Паулу", "Рио-де-Жанейро"],
		rus: ["Москва", "Санкт-Петербург"],
		ind: ["Мумбаи", "Дели"],
		chn: ["Шанхай", "Пекин"],
		zaf: ["Йоханнесбург", "Кейптаун"]  
	};
	var country = document.getElementById("country");
	var city = document.querySelector("#city");
	window.onload = selectCountry;
	country.onchange = selectCountry;

	function selectCountry(e){
		city.innerHTML = "";
		let c = this.value || "bra";
		for(let i = 0; i < cities[c].length; i++) {
			o = new Option(cities[c][i],i,false,false);
			city.add(o);
		};
	}

Всем спасибо за ответы)))

Answer 1

[nvdfxx]

в опшоны нельзя вставить ссылку, делайте кастомный селект или дропдаун, https://codepen.io/nvdfxx/pen/jOPxYJR