Javascript JQuery-附加到rails中基于挑选列表选择的表单

我目前在rails中有一个小表单，它可以帮助跟踪我们在工作中使用的不同检测器。表单顶部是选择检测器类型的选择列表，下面是用户填写的所有不同检测器类型之间共享的一些表单字段

---

我的问题是，在JQuery中是否有一种简单的方法可以根据上面的选择列表中选择的内容附加到主窗体的末尾，以便可以填写特定检测器类型的唯一属性。

最后只使用以下javascript切换div的可见性，并单击=“切换可视性（“探测器类型”）；“在我的选择列表字段中

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

函数切换_可见性（）{
var-detector=document.getElementById（'detector\u Type'）。值；
var roic=document.getElementById（'roic'）；
var dcr=document.getElementById（'dcr'）；
var sub=document.getElementById（“基板材料”）；
var range=document.getElementById（“光学范围”）；
var register=document.getElementById（'register_Size'）；
如果（探测器=='GMAPD'）{
roic.style.display='block'；
dcr.style.display='block'；
sub.style.display='block'；
range.style.display='none'；
register.style.display='none'；
}
否则如果（探测器==“DFPA”）{
roic.style.display='none'；
dcr.style.display='none'；
sub.style.display='none'；
range.style.display='block'；
register.style.display='block'；
}
否则{
roic.style.display='none'；
dcr.style.display='none'；
sub.style.display='none'；
range.style.display='none'；
register.style.display='none'；
}   
}

近似