скрыть div на основе определенного значения опций простой формы

Question

Я пытаюсь скрыть div, основанный на определенном значении в раскрывающемся списке, однако я использую «простой формат» рельсов, который, похоже, вызывает у меня проблемы.

<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» выбран Я хочу, чтобы класс «SelectObject», чтобы быть скрыты, поэтому я использую этот код 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(); } 
});