javascript - 提交表单后保持 div 可见

Question

我有一个 div，<div class="sectionCarouselCapabillities"> ... </div>默认情况下它是隐藏的，除非您更改下拉菜单。所以以下内容：

    $('.carouselUser').change(function(){
        $('.sectionCarouselCapabillities').show()
    });

指出选择框时 - 带有类：carouselUser更改状态时，我们将显示Div sectionCarouselCapabillities。很好用。

问题？

提交表单后，该 div 不再可见，因为它们的下拉菜单没有变化......

那么我必须改变什么才能使其在更改后出现并在提交表单后保持可见

score 2 · Accepted Answer

您可能想要添加一个类，而不是使用 show()：

$('.carouselUser').change(function(){
    $('.sectionCarouselCapabillities').addClass('is-active');
});

在你的 CSS 中：

.sectionCarouselCapabillities.is-active { display: block; }

在服务器端，您可以检查表单是否已发布。如果是这样，请在 div 上添加 is-active 类。

score 1 · Accepted Answer

我认为在这种情况下，您需要在下拉列表更改时设置一个 cookie，然后在表单提交后读取 cookie。

2 回答 2