m的模態更新后的加載下拉列表

Question

我對MVC非常陌生，但是在Web表單中卻遇到了一個非常簡單的問題。 我在表單上有一個下拉列表。 我有一個按鈕，該按鈕可加載模式窗體，該窗體允許用戶將項目動態添加到數據庫。 然后，我需要使用表的新內容更新下拉列表。 我知道我需要ajax來執行此操作，但是我對如何啟動更新感到非常困惑！

我有下面的下拉菜單。

            <div class="form-group form-group-sm required">
                @Html.LabelFor(m => m.ListingData.Transmission, new { @class = "col-md-4 control-label" })
                <div class="col-md-8">                        
                    @Html.DropDownListFor(m => m.ListingData.Transmission, (SelectList)ViewBag.TransmissionList, new { @class = "form-control"} )
                    @Html.ValidationMessageFor(m => m.ListingData.Transmission, "", new { @class = "text-danger" })
                    <p class="form-text"><a data-modal='' href='@Url.Action("QATransmission", "Admin", new { ListingId = Model.ListingData.ListingId}))' id=''>Quick Add Manufacturer</a></p>
                </div>
            </div>

我在主頁中使用此ajax調用加載控制器中的列表代碼。

 $(function () {
        $.ajax({
            type: "GET",
            url: "Admin/LoadTransmissionList",
            data: JSON,
            cache: false,
            success: function (data) {
                $.each(data, function (index, value) {
                    $('#Transmission').append('<option value="' + value.TransmissionText + '">' + value.TransmissionText + '</option>');
                });
            }
        });
    });

這是我的列表的控制器代碼：

[HttpPost]
    public JsonResult LoadTransmissionList()
    {

        var lstTrans = db.Transmissions.ToList();
        List<SelectListItem> list = new List<SelectListItem>();


        foreach (Transmission p in lstTrans)
        {
            list.Add(new SelectListItem() { Value = p.TransmissionText.ToString(), Text = p.TransmissionText.ToString() });
        }


        return Json(list, JsonRequestBehavior.AllowGet);
    }

我有一個模式窗體，它有一個用於輸入新列表項的文本框。 我需要保存到數據庫，但是可以！ 我無法提出重新加載列表框內容部分。 任何幫助！

謝謝！

Answer 1

1）像這樣進行代碼更改

    success: function (data) {
 $('#ListingData_Transmission').html("")
                    $.each(data, function (index, value) {
                        $('#ListingData_Transmission').append('<option value="' + value.TransmissionText + '">' + value.TransmissionText + '</option>');
                    });
                }

希望這應該現在工作

2）將表單作為部分視圖，每當將內容保存到DB時都重新加載它。

讓我知道是否有任何問題