使用 html <select> 标签绑定 Mvc 模型

Question

我有一个下拉列表，这个列表使用 ajax 调用 绑定值

<script type="text/javascript">
function getCityName(data) {
    $('#ddlCity').empty();
    if (data != 0) {
        $.ajax({
            type: "POST",
            url: "/Home/GetCityList",
            data: { 'CityId': data },
            cache: false,
            //contentType: "application/json",
            datatype: "JSON",
            success: function (result) {
                var cityData = result.Data;
                var defaultV = new Option("--Select--", 0, true);
                $('#ddlCity').append(defaultV);
                for (var i = 0; i < cityData.length; i++) {
                    var opt = new Option(cityData[i].CityName, cityData[i].Id);
                    $('#ddlCity').append(opt);
                }
            }
        });
    }
    else {
        alert('Select State');
    }
}

 <div>@Html.LabelFor(c => c.CityId)</div>
<div><select id="ddlCity"></select></div>

听说我想在模型类中绑定模型道具 CityId 如何绑定它…

原文由 Naimish Mungara 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

元素需要一个名称属性来匹配模型属性。在 select 标签的 name 属性中添加 CityId：

 <div><select id="ddlCity" name = "CityId"></select></div>

原文由 Jaimin Dave 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<select> 标签需要添加 MVC 名称属性， @Html.NameFor(x=>x.Entity Property) 和模型中的名称属性绑定值。下面的html代码：

 <div><select id="ddlCity" name="@Html.NameFor(c=>c.CityId)"></select></div>

感谢您回复回答这个话题。

原文由 Naimish Mungara 发布，翻译遵循 CC BY-SA 3.0 许可协议