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"也应该有效。

如何防止form.trigger（'submit'）上的页面刷新？

1 个答案: