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