請教各位先進二個問題..
1.我使用 Bootstrap Model 寫了一個 PartialView 並在其中寫了 JavaScript 當我驗證失敗反應原本的 PartialView 後 我所寫的 JavaScript 就無法執行了。但是當第一次顯示時是可以正常執行的。
我可以如何修正這個問題?
2.在 Bootstrap Model 中採用 ajax POST 到 Controller 其他類型的資料都沒有問題可以找得到值，但是只有 SelectListItem 的表單元件為Null

ajax

var PlaceHolderElement = $('#PlaceHolderHere');
PlaceHolderElement.on('click', '[data-save="modal"]', function (event) {

        var form = $(this).parents('.modal').find('form');
        var actionUrl = form.attr('action');
        var sendData = new FormData(form.get(0));
        console.log(sendData);
        $.ajax({
            url: actionUrl,
            method: 'post',
            data: sendData,
            processData: false,
            //contentType:"application/json; charset=utf-8",
            contentType: false,
            cache: false,
            success: function (redata) {
                if (redata.status === "success") {
                    //新增成功則關掉視窗
                    PlaceHolderElement.find('.modal').modal('hide');
                    //顯示資料成功新增的訊息
                    var notificationsPlaceholder = $('#notification');
                    var notificationsUrl = notificationsPlaceholder.data('url');
                    $.get(notificationsUrl).done(function (notifications) {
                        notificationsPlaceholder.html(notifications);
                    });
                    //自動關閉訊息
                    setTimeout(function () {
                        $(".alert").alert('close');
                    }, 3000);
                    //重析整理資料
                    //Click the query to use refresh to process the refresh parameters
                    $('#table').bootstrapTable('refresh');
                }
                else {
                    var newBody = $('.modal-body', redata);
                    PlaceHolderElement.find('.modal-body').replaceWith(newBody);
                }
            },
            error: function (message) {
                alert(message);
            }
        })


    })

問題1--View

@model WebERP.Models.EIP.Roles
<!-- Modal -->
<div class="modal fade" id="AddEditRoles" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="AddEditRolesLabel">新增角色資料</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <div class="modal-body">
                <form asp-action="Create" id="Edit" enctype="multipart/form-data">
                    @Html.AntiForgeryToken()
                    <div asp-validation-summary="All" class="text-danger"></div>

                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.ID)</span>
                        @if (Model.ID != null)
                        {
                            <input asp-for="ID" class="form-control" readonly />
                        }
                        else
                        {
                            <input asp-for="ID" class="form-control" autocomplete="off" />
                        }
                        <span asp-validation-for="ID" class="text-danger"></span>
                    </div>
                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.Title)</span>
                        <input type="text" asp-for="Title" class="form-control" autocomplete="off" />
                        <span asp-validation-for="Title" class="text-danger"></span>
                    </div>
                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.CompanyCode)</span>
                        <input type="text" asp-for="CompanyCode" class="form-control col-md-3" readonly>
                        <input type="text" id="CompanyName" class="form-control"
                               placeholder="請輸入統編或公司名關鍵字"
                               data-url="@Url.Action("GetCompanyByAutoComplete", "Company")"
                               autocomplete="off" />
                        <span asp-validation-for="CompanyCode" class="text-danger"></span>
                    </div>
                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.BossID)</span>
                        <input type="text" asp-for="BossID" class="form-control col-md-3" readonly />
                        <input id="BossName" class="form-control" type="text"
                               placeholder="請輸入中文或英文名關鍵字。"
                               autocomplete="off" />
                        <span asp-validation-for="BossID" class="text-danger"></span>
                    </div>
                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.DepartmentCode)</span>
                        <input type="text" asp-for="DepartmentCode" class="form-control col-md-3" readonly />
                        <input id="DepartmentName" class="form-control" type="text"
                               placeholder="請輸入代碼或部門名關鍵字。"
                               autocomplete="off" />
                        <span asp-validation-for="DepartmentCode" class="text-danger"></span>
                    </div>
                    <div class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.isVirtualGroup)</span>
                        <input asp-for="isVirtualGroup" class="form-control" autocomplete="off" />
                        <span asp-validation-for="isVirtualGroup" class="text-danger"></span>
                    </div>
                    <div id="GroupRoles" class="input-group">
                        <span class="input-group-text">@Html.DisplayNameFor(m => m.ListRoles)</span>
                        <button class="btn" type="button" id="AddRolesGroup">增加角色</button>
                        <button class="btn" type="button" id="Clear">清除所有</button>
                        <span asp-validation-for="ListRoles" class="text-danger"></span>
                    </div>
                    <div id="area">
                        <select id="EmpSelect" class="form-select col-md-12" size="8"
                                multiple aria-label="multiple select Employee">
                            <option selected>請選擇要放入選組的角色</option>
                        </select>
                        <button class="btn" type="button" id="ClearSelect">清除所選角色</button>
                        <select asp-for="ListRolesItem" class="form-select col-md-12" size="8"
                                multiple aria-label="ListRolesItem">
                        </select>
                    </div>
                    <div asp-validation-summary="All" class="text-danger"></div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-save="modal">Save changes</button>
            </div>
        </div>
    </div>
</div>

<script src="~/bootstrap-autocomplete/dist/latest/bootstrap-autocomplete.min.js"></script>
$('#CompanyName').autoComplete({
        minLength: 2,
        formatResult: function (item) {
            return {
                value: item.value,
                text: "[" + item.value + "] " + item.text,
                /*html: "<h6 style=color:blue>" + item.value + "</h6>  " + item.text*/
            }
        }
    });
    $('#CompanyName').on('autocomplete.select', function (evt, item) {
        console.log(item);
        $('#CompanyCode').val(item.value);
        $('#CompanyName').val(item.text);
    });

問題1、2--Controller

[HttpPost]
        public async Task<IActionResult> CreateAsync(Roles roles)
        {
            if (ModelState.IsValid)
            {
                RolesService service = new();
                Roles r = await service.GetCompanyRolesAsync(roles.CompanyCode,roles.ID);
                if(r == null)
                {
                    roles.Modifier = User.Identity.Name;
                    roles.ModifierTime = DateTime.Now;

                    if (await service.AddRolesDataAsync(roles))
                    {
                        Success("資料新增成功");
                        return Json(new { status = "success" });
                    }
                    else
                    {
                        ModelState.AddModelError("error", "新增資料失敗");
                        return View("_Edit", roles);
                    }
                }

            }
            ModelState.AddModelError("error", "表單驗証錯誤");
            return View("_Edit", roles);
        }

問題2--Model

[ModelMetadataType(typeof(RolesMD))]
    public partial class Roles
    {
        public IEnumerable<SelectListItem> ListRolesItem { get; set; }
    }

問題1
問題2