select box 연동 조건식 질문드립니다.

Question

안녕하세요.유지보수 업무 중입니다. 코드를 만지면서 수정하려고 하는데 질문이 있어 글 작성해봅니다.select box 가 연도,학년,반 등 여러 가지가 있고, 특정 연도 이상이면 3학년과 4학년이 option에 없게 만들고 싶습니다.onchange 이벤트로 해보려 했는데, 이미 이걸로 연도,학년,반등이 선택되면 검색을 하는 걸로 사용중이라서 힘들 것 같아요.어떤 방법으로 해야 할 수 있을지 감이 잘 안 잡힙니다.. 조언 해주시면 감사하겠습니다.

큰붕어빵 · Accepted Answer

대충 이렇게 되어 있다고 치면요, 아래처럼 하면 되지 않을까 싶네요. 근데 remove를 하는 거라서 삭제가 됩니다. 그리고 다른 년도를 선택한다고 하더라도 저게 되살아나지는 않거든요. 차라리 disabled 속성을 주는 게 낫지 않나 싶네요.$("#year").on("change", function() { if($(this).val() > 1999) { $("#grade option:gt(1)").remove(); } });

으랏차차차55 · Answer

연도 선택박스에 onChange 이벤트를 걸어서 검색 되기 전에 유효성체크 및 학년 옵션 수정하는 함수를 만들고 그 함수에 연도를 체크 한후 학년 옵션을 삭제하거나 추가하는 로직을 넣으면 되지 않을까요 https://m.blog.naver.com/PostView.naver?isHttpsRedirect&#61;true&blogId&#61;joohyoungnim&logNo&#61;10187881366

굴림체 · Answer

학년 항목 전체 Remove 후 원하는 항목만 Insert 하여 구현특정 연도 이상일 경우 3학년과 4학년 option 선택시, 선택 불가 alert 처리 후 다시 null 로 초기화위의 분 말씀대로 disabled 처리 위의 세가지 방법정도 생각나네요

select box 연동 조건식 질문드립니다.

3개의 답변

#selectbox 목록