hola estoy haciendo un cotizador dinámico con el evento change de Javascript lo que quiero saber es porque cuando ejecuto el evento cumpliendo un case de un switch se ejecuta correctamente pero al seleccionar otra opción del select no ejecuta nada se queda igual. como si el evento se pudiera ejecutar solo una vez.

/* SCRIPT PARA CAMBIAR EL FORMULARIO
DEPENDIENDO DEL TIPO DE MUDANZA MEDIANTE AJAX */
       
const changeForm = document.getElementById("form-change-js"),
  typeMove   = document.getElementById("tipo_js");   
 
 
typeMove.addEventListener("change",() => {
  
  switch (typeMove.value) {
    case "Local":
      const xhr = new XMLHttpRequest();
      xhr.open("GET","form_national.html",true);
      xhr.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr.send();
      
      console.log(typeMove.value); 
      

    break;
    case "Nacional":
      const xhr2 = new XMLHttpRequest();
      xhr2.open("GET","form_offices.html",true);
      xhr2.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr2.send(); 
      console.log(typeMove.value);     
    break;    

    default:
    console.log("pruebas");
    break;
  }


});

hola estoy haciendo un cotizador dinámico con el evento change de Javascript lo que quiero saber es porque cuando ejecuto el evento cumpliendo un case de un switch se ejecuta correctamente pero al seleccionar otra opción del select no ejecuta nada se queda igual. como si el evento se pudiera ejecutar solo una vez.

/* SCRIPT PARA CAMBIAR EL FORMULARIO
DEPENDIENDO DEL TIPO DE MUDANZA MEDIANTE AJAX */
       
const changeForm = document.getElementById("form-change-js"),
  typeMove   = document.getElementById("tipo_js");   
 
 
typeMove.addEventListener("change",() => {
  
  switch (typeMove.value) {
    case "Local":
      const xhr = new XMLHttpRequest();
      xhr.open("GET","form_national.html",true);
      xhr.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr.send();
      
      console.log(typeMove.value); 
      

    break;
    case "Nacional":
      const xhr2 = new XMLHttpRequest();
      xhr2.open("GET","form_offices.html",true);
      xhr2.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr2.send(); 
      console.log(typeMove.value);     
    break;    

    default:
    console.log("pruebas");
    break;
  }


});

hola estoy haciendo un cotizador dinámico con el evento change de Javascript lo que quiero saber es porque cuando ejecuto el evento cumpliendo un case de un switch se ejecuta correctamente pero al seleccionar otra opción del select no ejecuta nada se queda igual. como si el evento se pudiera ejecutar solo una vez.

/* SCRIPT PARA CAMBIAR EL FORMULARIO
DEPENDIENDO DEL TIPO DE MUDANZA MEDIANTE AJAX */
       
const changeForm = document.getElementById("form-change-js"),
  typeMove   = document.getElementById("tipo_js");   
 
 
typeMove.addEventListener("change",() => {
  
  switch (typeMove.value) {
    case "Local":
      const xhr = new XMLHttpRequest();
      xhr.open("GET","form_national.html",true);
      xhr.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr.send();
      
      console.log(typeMove.value); 
      

    break;
    case "Nacional":
      const xhr2 = new XMLHttpRequest();
      xhr2.open("GET","form_offices.html",true);
      xhr2.addEventListener("load", e =>{
      changeForm.innerHTML = e.target.responseText;    
      });
      xhr2.send(); 
      console.log(typeMove.value);     
    break;    

    default:
    console.log("pruebas");
    break;
  }


});