JQuery-追加到基於軌道選擇列表選擇的形式

Question

我目前有一個軌道中的小形式，這有助於跟蹤我們在工作中使用的不同探測器。表單頂部是選擇檢測器類型的選取列表，下面是用戶填寫的所有不同檢測器類型共享的一些表單字段。

我的問題是是否存在在JQuery中添加一個簡單的方法，可以根據上面的選取列表中選擇的內容附加到主表單的末尾，以便可以填寫特定檢測器類型的唯一屬性。

Answer 1

僅使用以下內容即可結束javascript來切換div的可見性，而不是將onclick =「toggle_visibility（'Detector_Type'）;」在我的選擇列表字段

<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> 

類似this