通过 AJAX Get 填充显示迭代表

有一个视图表，当用户选择特定日期时，该表显示模型类型列表的静态元素，或者在模型为空时不显示任何内容。 我以前更改过单个唯一字段的值，但从未更改过模型列表的字段。 在搜索 SO 时，我没有找到解决这种情况的问题，但一些相关问题建议使用序列化。 我尝试引用列表名称并将其填充/设置为等于返回的数据，但无济于事。 此外，通过 ActionResult 没有错误，因此问题可能出在 AJAX 将返回值分配给列表字段。 有什么办法可以做到这一点吗？

.HTML：

<div class="row">
    <div class="col-lg-8">
        @Html.LabelFor(m => m.PriceDate, "Pricing Date")
        @Html.DropDownListFor(m => m.PriceDate, Model.PricingDates, "--New Pricing--")
    </div>
</div>
<div class="row">
<table id="dt_terms" class="table table-striped">
    <tbody>
        <tr><th></th><th class="text-center">ID</th><th class="text-center">Price</th><th class="text-center">Adder Fee</th></tr>
        @if (Model.Prices.Any()) //NEEDS POPULATING!
        {
            for (var i = 0; i < 100; i++)
            {
                <tr>
                    <td><input type="submit" class="btn btn-info" id="priceToOffer" value="Add To Offers"></td>
                    <td class="text-center">@Html.DisplayFor(m => m.Prices[i].ID)</td>
                    <td class="text-center">@Html.TextBoxFor(m => m.Prices[i].Price, new { @class = "form-control", data_parsley_required = "true" })</td>
                    <td class="text-center">@Html.DisplayFor(m => m.Prices[i].AdderFee)</td>
                </tr>
            }
        }
    </tbody>
</table>

脚本：

$(function () {
    $("#PriceDate").change(function () {
        var $priceTable = $("#dt_terms"),
            $priceValue = $("#PriceDate").val(),
            $pID = { iD: $priceValue };
        if ($(this).val()) {
            //make AJAX call for historical Price data and populate table
            $.ajax({
                type: "GET",
                url: '@Url.Action("GetPrices", "Sales")',
                data: $pID,
                success: function (data) {
                    //Fill data
                    $("#Prices").val(data);
                }
            });
            $priceTable.prop("disabled", true);
        }
        else {
            //clear data
            $("#Prices").val('');
            $priceTable.prop("disabled", false);
        }
    }).change();
});

控制器：

public ActionResult GetPrices(string iD)
{
    int priceID;
    Int32.TryParse(iD, out priceID);
    //priceID = iD;
    dbEntities db = new dbEntities();
    var selectedPrice = new List<PricesModel>();
    var accountPrices = db.uspGetPrices(priceID);
    foreach (var result in accountPrices)
    {
        var price = new PricesModel
        {
            ID = result.PriceID,
            Price = result.Price,
            AdderFee = result.AdderFee,
        };
        selectedPrice.Add(price);
    }
    return Json(selectedPrice, JsonRequestBehavior.AllowGet);
}

生成的 HTML：

<div class="row">
    <div class="col-lg-8">
        <label for="PriceDate">Pricing Date</label>
        <select data-val="true" data-val-number="The field PriceDate must be a number." data-val-required="The PriceDate field is required." id="PriceDate" name="PriceDate"><option value="">--New Pricing--</option>
<option value="2">1/4/2016 6:33 PM</option>
</select>
    </div>
</div>
<div class="row">
    <table id="dt_terms" class="table table-striped">
        <tbody>
            <tr><th></th><th class="text-center">ID</th><th class="text-center">Price</th><th class="text-center">Adder Fee</th></tr>
        </tbody>
    </table>
</div>