User-1641868886 posted
Thanks for staying up on this, Bruce. I took your suggestion...changed the script to array/filter:
data: $(form).serializeArray().filter(function (r) {
return ["UserName", "Code", "Prov_Id", "ProviderName", "DateOfPurch", "Charge", "NetCharge"].indexOf(r.name) < 0
}),
...this serializes from the above elements, omitting the "State" and "City" ddl elements, retaining only the third of three ddl elements, which is "Prov_Id". Here are a couple of observations:
1) the form is in a modal/popup called by a "PopupForm" script on the "Index" view. When I employ
ONLY the "Prov_Id" dropdownlist (no "State" or "City"), the form operates as expected, writes a new row to the database table, which appears on refresh of the dataTable (the "Index" view).
2) when I add the "State" and "City" dropdownlists, I am also adding scripts to
a) get selected "State" to populate the "City" list, and
b) get selected "City" to populate the "Prov_Id" dropdownlist.
These scripts are on the "AddorEdit" view, not on the "Index" view that calls the popup (don't know if that matters or not). Here they are:
$(document).ready(function () {
$("#State").change(function () {
var StateSymb = $(this).val();
//debugger
$.ajax({
type: "post",
url: "/GrocBills/GetCities",
data: { State: StateSymb },
dataType: "json",
success: function (response) {
$("#City").empty();
$("#City").append(response.map(function (r) {
return $('<option>').text(r.City)[0];
}));
}
});
})
$("#City").change(function () {
var CityName = $(this).val();
//debugger
$.ajax({
type: "post",
url: "/GrocBills/GetProviders",
data: { City: CityName },
dataType: "json",
success: function (response) {
$("#Prov_Id").empty();
$("#Prov_Id").append(response.map(function (r) {
return $('<option>').text(r.ProviderName)[0];
}));
}
});
})
});
I am trying to figure out if:
1) I am failing to capture the "Prov_Id" in the second function. I am populating on "Prov_Id" but I am changing to "text(r.ProviderName)" to show the names rather than the Ids in the dropdownlist. Am I populating this dropdownlist with ONLY the "ProviderName"
and my controller action is left with no "Prov_Id"? (a gap in my knowledge is over how the script and the controller action and model methods interact...my method DOES call for "Prov_Id" as val and "ProviderName" as text).
2) I have a script conflict as to where the scripts reside for the dropdowns (on "AddorEdit") vs the SubmitForm (on the "Index") and if that is what is still giving me the error:
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated -
jquery-3.3.1.min.js:formatted:3828
...and when I click on the jquery link, the line for the error reads:
'if (s.open(t.type, t.url, t.async, t.username, t.password),' **this is the red underlined error**
Finally, did I construct the "serializeArray" as I should, keeping all the elements except the "State" and "City"?
Thanks again.
RC
'serialize' WITHOUT some form elements
