Select2 change + AJAX导致错误

时间:2017-06-29 19:22:22

标签: javascript jquery ajax jquery-select2

我正在使用多个Select2字段来控制某些表单的数据流和选择。因此,我有一个Select2禁用,直到另一个Select2中选择了一个选项。一旦从第一个Select2中选择了一个选项,我想要一个AJAX请求来提取信息并将其添加到第二个Select2。我知道我应该工作,但我收到以下错误:

  

只能在HTMLFormElement实例上调用HTMLFormElement.submit

代码如下:

$(document).on("change", "#business_unit", function (e) {
                e.preventDefault();

                $.ajax({
                        url: handler + "getUserGroupsForBusinessUnit",
                        type: "POST",
                        data: { businessUnit : $(this).val("id")},
                        success: function (response, textStatus, jqXHR) {
                                response = JSON.parse(response);
                                var option;

                                if (response.success) {
                                        swalTitle = successTitle;
                                        swalClass = success;

                                        $.each(response.userGroup, function (key, value) {
                                                option = new Option(value, key);
                                                $("#user_group").append(option);
                                        });

                                        $("#user_group").trigger("change");
                                        $("#user_group").prop("disabled", false);
                                } else {
                                        swalTitle = errorTitle;
                                        swalClass = error;
                                }

                                swal.close();

                                if (swalTitle == errorTitle) {
                                        displayInfoSWAL(swalTitle, response.message, swalClass);
                                }
                        },
                        beforeSend: function() {
                displayLoadingSWAL();
            },
                        error: function(jqXHR, textStatus, errorThrown){
                                console.error(
                                        "The following error occurred: "+
                                        textStatus, errorThrown
                                );
                        }
                });

                return false;
});

0 个答案:

没有答案