힘든 하루 쉽지만 어려워 어렵지만 어렵다

 

$(document).ready(function(){
  
  if(localStorage.getItem("lang") == null) {
    localStorage.setItem("lang", 'kor');
  }

  $("#selectlang").val(localStorage.getItem("lang"));

  $("#selectlang").on('change', function(e){
    let value = e.currentTarget.value;
    
    $(this).val(value).prop("selected", true);
    localStorage.setItem("lang", value);

    test();
  });
});


  function test(){
        
    const test = document.getElementById('selectlang');
    let url = '';
    
    if(test.value == 'kor'){
      url = "/";
    }else if (test.value == 'eng'){
      url = "/eng";
    }

    location.href = url;


  };

한글-> 영어 select 박스 선택하면 영어페이지로

영어->한글 select 박스 선택하면 한글 페이지로

 

처음에 한글페이지에서 영어페이지로 변경 됐지만.. 리로드 하는 과정에서 English가 날라가서 고생했다.

localstorage 이용해서 선택된 값을 담았다. 근데 이게 끝이아니었다.

아예 맨처음에 null 상태에선 공란으로 select박스가 표시되었다.

그래서 null 일경우 kor을 넣어주어서 해결했다.