JavaScript/jQuery | select box 비활성화 후 Ajax로 값 넘기기

 

🍵 요구사항 (Requiredments)

 

select box를 비활성화 처리하면서 AJAX 요청을 보내려고 합니다. AJAX 요청 보낼 때 input 태그의 경우에는 "readonly" 옵션을 붙여주면 되지만, select box는 값을 넘길 수 없는 문제가 있습니다.

 

 

🌮 해결방안 (Solution or Next step)

 

입력 시 select box 비활성화하는 방법입니다.

 

// 태그명 사용 시
$("select[name=태그명]").attr("disabled", true);

// 태그아이디 사용 시
$("#태그아이디").attr("disabled", true);

 

AJAX 요청 직전 비활성화를 풀어줍니다.

 

// 태그명 사용 시
$("select[name=태그명]").attr("disabled", false);

// 태그아이디 사용 시
$("#태그아이디").attr("disabled", false);

 

또는

 

$("#태그아이디").removeAttr("disabled");

 

위와 같이 사용하면 됩니다.

 

 

🍭 회고 (Retrospective)

 

자주 잊어버리는 내용이라 한 번 정리했습니다.