'Melhorar' bloco de código

[Felipe Evangelista 2]

Vou começar em um projeto onde terei que manipular uma imagem svg, vai ter um select e cada option vai destacar uma área dessa imagem. É um mapa de uma feira, e cada option é uma empresa e será destacado no mapa onde vai estar o estande dessa empresa. Antes de iniciar o projeto, acabei resolvendo 'brincar' um pouco com svg que nunca havia trabalhado, peguei um svg do mapa do Brasil e comecei a mexer. Fiz esse script que faz com que seja destacada a região do país selecionada no option, mas eu sei que o código está 'sujo', não está muito 'legal', e imagino que tenha uma forma de melhorá-lo. Acho que é meio que questão de lógica, né?

O código que funciona está assim: 

    var mapa = document.getElementById('map');
    SVGDoc = mapa.getSVGDocument(); 
    SVGRoot = SVGDoc.documentElement; 
    svgns = 'http://www.w3.org/2000/svg';
    var norte = SVGRoot.querySelector('#norte');
    var nordeste = SVGRoot.querySelector('#nordeste');
    var centro = SVGRoot.querySelector('#centro-oeste');
    var sudeste = SVGRoot.querySelector('#sudeste');
    var sul = SVGRoot.querySelector('#sul');
   $("select").change(function() {
		$("select option:selected").each(function() {
			if ($(this).val() == 'norte'){
				norte.style.fill = '#ff0000';
			} else {
				norte.style.fill = '#000';
			}
			if ($(this).val() == 'nordeste'){
				nordeste.style.fill = '#ff0000';
			} else {
				nordeste.style.fill = '#000';
			}
			if ($(this).val() == 'centro'){
				centro.style.fill = '#ff0000';
			} else {
				centro.style.fill = '#000';
			}
			if ($(this).val() == 'sudeste'){
				sudeste.style.fill = '#ff0000';
			} else {
				sudeste.style.fill = '#000';
			}
			if ($(this).val() == 'sul'){
				sul.style.fill = '#ff0000';
			} else {
				sul.style.fill = '#000';
			}

		});
	});

Eu até tentei algo diferente, como isso aqui:

    

var mapa = document.getElementById('map');
    SVGDoc = mapa.getSVGDocument(); 
    SVGRoot = SVGDoc.documentElement; 
    svgns = 'http://www.w3.org/2000/svg';
    var norte = SVGRoot.querySelector('#norte');
    var nordeste = SVGRoot.querySelector('#nordeste');
    var centro = SVGRoot.querySelector('#centro-oeste');
    var sudeste = SVGRoot.querySelector('#sudeste');
    var sul = SVGRoot.querySelector('#sul');
    var regioes = [norte, nordeste, centro, sudeste, sul, ''];

   
    for (i = 0; i<6; i++) (function(i) {
		$("select").eq(i).change(function() {
			$( "select option:selected" ).each(function(){
				norte.style.fill = '#ff0000';
				nordeste.style.fill = '#ff0000';
				centro.style.fill = '#ff0000';
				sudeste.style.fill = '#ff0000';
				sul.style.fill = '#ff0000';
				if (i > 5) {
					regioes[i].style.fill = '#000';
					return false;
				}
				if (i == ''){
					norte.style.fill = '#000';
					nordeste.style.fill = '#000';
					centro.style.fill = '#000';
					sudeste.style.fill = '#000';
					sul.style.fill = '#000';
					return false;
				}
			});
		});
	});

Mas acabei não chegando em lugar nenhum haha 

[Felipe Evangelista 2]

Pra deixar registrado, eu consegui dar uma boa diminuída no código:

function init() {
    var mapa = document.getElementById('map');
    SVGDoc = mapa.getSVGDocument(); 
    SVGRoot = SVGDoc.documentElement; 
    svgns = 'http://www.w3.org/2000/svg';
    var norte = SVGRoot.querySelector('#norte');
    var nordeste = SVGRoot.querySelector('#nordeste');
    var centro = SVGRoot.querySelector('#centro-oeste');
    var sudeste = SVGRoot.querySelector('#sudeste');
    var sul = SVGRoot.querySelector('#sul');
    var select = document.getElementById('paises');
    var regioes = [norte, nordeste, centro, sudeste, sul, ''];
    $('select').change(function() {
        for (var i = 0; i < 5; i++) {
            if(regioes[i].id == $("select option:selected").val()){
                regioes[i].style.fill = '#ff0000';
            }else{
                regioes[i].style.fill = '#fff';
            }
        }
    });
}

Eu não soube bem usar a função each do JQuery pelo jeito, então só com o for acabou dando certo. Os values dos options eu deixei igual aos ids de cada região do mapa no arquivo svg, então deu pra fazer essa comparação vendo se os values e options são iguais pra destacar a região selecionada.