根據特定的簡單形式的選項值隱藏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(); } 
});