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

Question

我试图在下拉列表中隐藏基于特定值的div，但是我使用的是rails gem'simple-form'，这似乎给我带来了麻烦。

    <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(); }
});