Remover acentos e espaços

Boa tarde!

Alguém possa me ajudar a resolver o problema de como remover acentuação e espaços.

Ao selecionar estado Alagoas e cidade Barra de São Miguel, retorna assim Barra de São Miguel.html e que deveria ser substituído por barradesaomiguel.html.

Segue abaixo:

	<div id="wrap">

	          <form name="myForm" action method="post">

	          <select class="selcls" name="estados" onchange="updateModels(this.form)">

	            <option>Selecione estado</option>

	            <option>Acre</option>

	            <option>Alagoas</option>

	            </select> <select class="selcls" name="cidades"></select>

	            <input id="B1" type="button" value="Ok" class="btn btn-primary">

	          </form>

	        </div>

	        <script type="text/javascript">

	        var cidades = [];

	       cidades.Acre = ['Rio Branco','Acrelândia','Assis Brasil','Brasiléia','Bujari','Capixaba','Cruzeiro do Sul','Epitaciolândia','Feijó','Jordão','Mâncio Lima','Manoel Urbano','Marechal Thaumaturgo','Plácido de Castro','Porto Acre','Porto Walter','Rodrigues Alves',  'Santa Rosa do Purus','Sena Madureira','Senador Guiomard','Tarauacá','Xapuri'];

	       cidades.Alagoas = ['Maceió','Água Branca','Anadia','Arapiraca','Atalaia','Barra de Santo Antônio','Barra de São Miguel','Batalha','Belém','Belo Monte','Boca da Mata','Branquinha','Cacimbinhas','Cajueiro','Campestre','Campo Alegre','Campo Grande','Canapi','Capela','Carneiros','Chã Preta','Coité do Nóia','Colônia Leopoldina','Coqueiro Seco','Coruripe','Craíbas',  'Delmiro Gouveia','Dois Riachos','Estrela de Alagoas','Feira Grande','Feliz Deserto','Flexeiras','Girau do Ponciano','Ibateguara','Igaci','Igreja Nova','Inhapi','Jacaré dos Homens','Jacuípe','Japaratinga','Jaramataia','Jequiá da Praia','Joaquim Gomes','Jundiá','Junqueiro','Lagoa da Canoa','Limoeiro de Anadia','Major Isidoro','Mar Vermelho','Maragogi','Maravilha','Marechal Deodoro','Maribondo','Mata Grande','Matriz de Camaragibe','Messias','Minador do Negrão','Monteirópolis','Murici','Novo Lino','Olho d\'Água das Flores','Olho d\'Água do Casado','Olho d\'Água Grande','Olivença','Ouro Branco','Palestina','Palmeira dos Índios','Pão de Açúcar','Pariconha','Paripueira','Passo de Camaragibe','Paulo Jacinto', 'Penedo','Piaçabuçu','Pilar','Pindoba','Piranhas','Poço das Trincheiras','Porto Calvo','Porto de Pedras','Porto Real do Colégio','Quebrangulo','Rio Largo','Roteiro','Santa Luzia do Norte','Santana do Ipanema','Santana do Mundaú','São Brás','São José da Laje','São José da Tapera','São Luís do Quitunde','São Miguel dos Campos','São Miguel dos Milagres','São Sebastião','Satuba','Senador Rui Palmeira','Tanque d\'Arca','Taquarana','Teotônio Vilela','Traipu','União dos Palmares','Viçosa'];

	        // ---

	        function updateModels(theForm) 

	         { if(theForm.estados.selectedIndex<1){return false; }

	           var op=theForm.estados.options;

	           var newModels = cidades[op[op.selectedIndex].value];

	           theForm.cidades.options.length = 0;

	           theForm.cidades.options[0] = new Option("Selecione cidade", "");

	           theForm.cidades.options[0].selected = true;

	           for (var i=0; i<newModels.length; i++) 

	           { theForm.cidades.options[i+1] = new Option(newModels*, newModels**); }  *

*          }* *         // ---* *         // check both selections have been made* *          document.getElementById("B1").onclick=function(event)* *           { event=event || window.event;* *             var targElem = event.target || event.srcElement;* *             var thisForm=targElem.parentNode;* *             if(thisForm.estados.selectedIndex>0 && thisForm.cidades.selectedIndex>0)* *               { var cidadesP= thisForm.cidades;* *                       location.href= cidadesP[cidadesP.selectedIndex].value+".html"; }* *                 else { return false; } * *           }*

*
        </script>
*