我正在使用多个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;
});