Überprüfen Sie vorhandene Einträge in der Dropdown-Liste während der Datensatzbearbeitung - javascript, jquery, jquery-3

Ich habe einige Zeilen in einem Raster, die von a bearbeitet werden könnenBenutzer. Wenn der Benutzer auf die Schaltfläche "Bearbeiten" in einer Rasterzeile klickt, wird eine Dropdown-Liste mit mehreren Auswahlen angezeigt ("ddlEditRegionList") mit Optionen zur Auswahl. Wenn diese Dropdown-Liste angezeigt wird, möchte ich die bereits gespeicherten Auswahlen aktiviert lassen.

Ich versuche es mit dem folgenden Code-Snippet, aber das erhält meine vorhandene Auswahl.

       //Get currently selected options into array regionArr
var region = $.trim($tr.find(".tdRegion").html());
$("#hidRegionList").val($.trim($tr.find(".tdRegion").html()));
var regionArr = region.split(",");
$tr.find(".tdRegion").html($("#divRegionList"));

//keep selected options checked in edit mode - this isn"t working
$("#ddlEditRegionList option").map(function () {
for (var i = 0; i < regionArr.length; i++) {
if ($.trim($(this).text()) == $.trim(regionArr[i])) {
return this;
}
}
}).attr("selected", "selected");

Beachten Sie, dass ich jquery-3.2.1 verwende

Antworten:

Try .val() instead of .text(), Like:

if ($.trim($(this).val()) == $.trim(regionArr[i])) {
return this;
}