如何防止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');

            });

如何阻止表單提交（由select change事件觸發）刷新頁面？

Answer 1

您可以簡單地在表單標記上添加return false 。

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

否則，將按鈕類型更改為"button"而不是"submit"也應該有效。