Ayuda con formulario - Pasaje de variables por URL

[germanst]

Hola, necesito que alguien me ayude con esto. Tengo un formulario en el cual hay varios campos y al final hay un select que contiene ciudades. El tema es que cuando alguien selecciona una ciudad, tengo que listar en otro select una serie de clubes de esas ciudades (todo esto lo hago con php y mysql) y para eso necesito que se vuelva a llamar a la pagina pasando (no importa si por get o post) la ciudad seleccionada y los datos que ya ingreso la persona para no perderlos. Yo lo que hice fue esta funcion:

function Recargar(form){
var apellido = form.apellido.value;
var nombre = form.nombre.value;
var dni = form.dni.value;
var email = form.email.value;
var ciudad = form.ciudad.value
location.href="form.php?apellido="+apellido+"&nomb re="+nombre+"&dni="+dni+"&email="+email+"&ciudad=" +ciudad;
}

a esto lo llamo con OnChange en el select que se llama ciudad:

<select name="ciudad" id="ciudad" onChange="Recargar(this.form)">

El problema de esto es que si se ingresan caracteres especiales en cualquiera de los campos (acentos,ñ, etc) me tira error, sino funciona bien.
Alguien me puede decir como resolver esto??? Muchas gracias!

Germán.