javascript - 在记录编辑期间检查下拉列表中的现有选择

Question

我在网格中有一些可由用户编辑的行。当用户单击网格行中的编辑按钮时，我将显示一个多选下拉列表（“ddlEditRegionList”），其中包含可供选择的选项。当显示此下拉列表时，我想保持已保存的选择处于选中状态。

我正在尝试使用下面的代码片段，但这确实得到了我现有的选择。

       //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'); 

请注意，我使用的是 jquery-3.2.1

Answer 1

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

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