선택 콤보 상자 option_form 특수 효과의 예제 코드 캡처

'전문 면접관'과 '질적 면접관'을 각각 선택한 후 '면접 대상 유형'과 '접근이 쉬운 업종'에 해당하는 양식을 표시해야 하는 등록 양식입니다. 선택을 취소하면 이 두 상자도 그에 따라 숨겨집니다. html 부분

코드 복사 코드는 다음과 같습니다. 아르바이트 신청(필수) 여러 항목을 선택하려면 Ctrl 키를 누르세요 가정 방문자 Street Visit Interviewer Street 인터뷰 인터셉터 전화 인터뷰어 신비로운 고객 ;option value="전문 면접관">전문 면접관 기업 면접관&lt ;/option> 정성적 연락 Moderator Quality Controller value="데이터 입력 담당자">데이터 입력 담당자

방문자 유형 제공 가능

접근 용이 산업

javascript 부분 옵션에서는 이벤트를 정의할 수 없으므로(시도해본 적은 없습니다) 선택 시 이벤트를 정의해야 합니다. 여기서는 onchange 이벤트가 사용됩니다. onchange 이벤트는 객체가 변경될 때 트리거됩니다. 여기서 onchange를 사용하는 것이 onclick보다 훨씬 합리적이고 효과적입니다. 이 스크립트를 디버깅할 때 처음에는 selectedIndex를 사용했습니다. 많은 실험 끝에 selectedIndex는 다중 선택의 경우 처음 선택한 옵션만 캡처할 수 있고 다중 선택을 처리할 수 없다는 것을 알았습니다. 참고서를 확인한 후 우회로를 택했다는 것을 깨달았습니다.

코드 복사 코드는 다음과 같습니다. var oListBox = document.getElementById ("kc_selectjob"); oListBox.onchange = function showEasyVisitBox(){ var oEasyvisitBox = document.getElementById("easyvisitBox") var oSupportvisitBox = document.getElementById("supportvisitBox") ; if (oListBox.options[5].selected) { oEasyvisitBox.style.display = "차단"; } else { oEasyvisitBox.style.display = "없음" ; }

if (oListBox.options[7].selected) { oSupportvisitBox.style.display = "차단" } else { oSupportvisitBox.style.display = "없음" }

}