javascript - 如何防止 form.trigger ('submit' 上的页面刷新？

Question

我有以下代码，当用户单击表单的提交按钮时触发该代码，效果很好:

            // load dashboards when filter form is submitted
            $('div.active form.filter-form').submit(function (e) {
                // get submitted values
                submittedData = $(this).serializeArray();
                getDashboardURL();
                e.preventDefault();
            });

但是，每当我尝试触发下面代码片段中的表单提交时，都会导致页面刷新:

            // trigger reload of dashboard
            $('select.filter').change(function () {
                $('select#'+this.id).val($(this).val());

                $('div.active form.filter-form').trigger('submit');

            });

如何防止表单提交(由选择更改事件触发)刷新页面？

Answer 1

您只需将 return false 放在表单标记上即可。

<form onsubmit="function(); return false;">

否则，将按钮类型更改为“button”而不是“submit”也应该可以。