JQuery-在rails中添加基于选择列表选择的表单

Question

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

我的问题是，在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