JQuery-基于选择列表选择附加到rails中的表单答案

【问题标题】：JQuery- Append to a form in rails based off pick-list selectionJQuery-基于选择列表选择附加到rails中的表单
【发布时间】：2014-12-30 05:49:59
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery ruby-on-rails ruby-on-rails-4

【解决方案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

【讨论】：