根据特定的简单形式的选项值隐藏div

Question

我试图隐藏基于特定值的div在下拉列表中，但是我正在使用rails gem'简单形式'，这似乎给我带来麻烦。

<td><%= f.input :field_type, collection: %w{text_field check_box drop_down}, wrapper_html: { id: 'dropdown' } %> 
    <td class="selectobject"><%= f.link_to_add "Add Selection Option", :field_options %> 

var form = $('#dropdown'); 
form.change(function() { 
    if ($(this).val() == 'drop_down') { 
     $('.selectobject').hide(); 
    } 
    else $('.selectobject').show(); 
}); 

当“DROP_DOWN”选择我想要的“选择对象”类被隐藏，所以我用这个jQuery代码隐藏它，但是这似乎并不奏效。有什么想法吗？

Answer 1

尝试：

var form = $('#dropdown'); 
form.change(function() { 
    var $selected = $(this).find('option:selected'); 
    if ($selected.val() === 'drop_down') { 
     $('.selectobject').hide(); 
    } else { $('.selectobject').show(); } 
});