单击 select 框时通过 javascript 导致页面重新加载

Question

示例 url 位于此处：[link 已删除]

我的代码很简单：

$('.jump-submit').on('change', function(e) {
    var $this = $(this);
    $this.closest('form').submit();
});

但是如果你点击 select 框来选择一个状态，在你可以选择一个状态之前，表单似乎被提交了，就好像它是由 click 事件触发的一样，当我使用 change 事件时。

不太擅长在控制台中调试它，但是在 Chrome 的源选项卡中有 "Preserve Log enabled and also put a checkbox in "加载 -> 卸载"，但是使用 "Pause on Exceptions" 指向DOM Exception Failed to execute 'queryselectorall' 但研究表明不要在 chrome 中使用 "Pause on Exceptions" 并且这不是 jQuery 错误。

如何正确调试并确定导致页面刷新的原因，然后更改事件应该在此 Select 框上发生？

Answer 1

您在下拉菜单中有一个名为 submit-form 的 class，并且您有以下导致该行为的点击事件：

...).on('click', '.submit-form', function(event) {
    event.preventDefault();

    $(this).closest('form').submit();
});

是app.js的第175行（美化后，出处可能不同）

单击 select 框时通过 javascript 导致页面重新加载

Something causing page reload via javascript on click of select box

javascript

jquery

page-refresh