JQuery- 선택 목록 선택을 기반으로 한 레일 형식으로 추가

Question

현재 작업에서 사용하는 다른 감지기를 추적하는 데 도움이되는 레일에 작은 양식이 있습니다. 폼의 맨 위에는 감지기 유형을 선택하는 픽리스트가 있으며 그 아래에는 사용자가 채우는 모든 감지기 유형에서 공유되는 양식 필드가 있습니다.

내 질문에 질문이 있습니다. JQuery에서 위의 선택 목록에서 선택한 항목을 기반으로 기본 양식의 끝에 추가하여 특정 감지기 유형의 고유 속성을 채울 수있는 쉬운 방법

Answer 1

다음을 사용하여 javascript를 사용하여 div의 가시성을 전환하거나 onclick = "toggle_visibility ('Detector_Type');" this

에

<script type="text/javascript"> 
    function toggle_visibility() { 
     var detector = document.getElementById('Detector_Type').value; 
     var roic = document.getElementById('ROIC'); 
     var dcr = document.getElementById('DCR'); 
     var sub = document.getElementById('Substrate_Material'); 
     var range = document.getElementById('Optical_Range'); 
     var register = document.getElementById('Register_Size'); 
     if(detector === 'GMAPD'){ 
      roic.style.display = 'block'; 
      dcr.style.display = 'block'; 
      sub.style.display = 'block'; 
      range.style.display = 'none'; 
      register.style.display = 'none'; 
     } 
     else if(detector === "DFPA"){ 
      roic.style.display = 'none'; 
      dcr.style.display = 'none'; 
      sub.style.display = 'none'; 
      range.style.display = 'block'; 
      register.style.display = 'block'; 
     } 
     else{ 
      roic.style.display = 'none'; 
      dcr.style.display = 'none'; 
      sub.style.display = 'none'; 
      range.style.display = 'none'; 
      register.style.display = 'none'; 
     } 
    } 
    </script> 

유사 나의 선택 - 목록 필드에