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