HTML Dropdownlist未映射到MVC模型

HTML Dropdownlist not mapping to MVC Model

本文关键字：MVC 模型 映射 Dropdownlist HTML      更新时间：2023-09-26

select标记到底应该如何映射到MVC模型变量，我已经尝试了我能想到的一切，但每次我检查控制器上的post方法时，应该绑定到下拉列表的变量都会返回null。

视图：

<script type="text/javascript">
var counter = 1;
$('#btnAddLocation').click(function (e) {
    e.preventDefault();
    $("#tblAddLocation").find('tbody')
            .append($('<tr>')
                .append($('<td>')
                    .append($('@Html.LabelFor(m => m.Location)')
                    )
                )
                .append($('<td>')
                    .append($('<select name=Location id=Location' + counter++ + ' class=gradientTextbox>')
                    )
                )
                .append($('<td>')
                    .append($('@Html.LabelFor(m => m.Description)')
                    )
                )
                .append($('<td>')
                    .append($('@Html.EditorFor(m => m.Description)')
                    )
                )
            );
    $.getJSON("/Locations/GetAllLocations", function (data) {
        var items = "<option selected></option>";
        $.each(data, function (i, item) {
            items += "<option value='" + item.Value + "'>" + item.Text + "</option>";
        });
        $("#Location" + (counter - 1)).html(items);
    });
});
</script>

控制器：

[HttpPost]
    public ActionResult ActionName(MyModel model, List<string> Location, List<string> Description) {
        return Json(new { success = true });
    }

控制器代码中的Description变量工作正常，但Location的列表返回正确的计数，但所有项都为null。

关于如何处理这个问题有什么建议吗？

要使绑定工作，Location应该是string值。它不会通过所有的<option>，而是会通过当前的selectedvalue

[HttpPost]
public ActionResult ActionName(MyModel model, string Location, List<string> Description) {
    return Json(new { success = true });
}

我找到了解决方案。

Html.DropDownListFor version

<select id="Location" name="Location" class="gradientTextbox">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>

我的版本

<select id="Location1" class="gradientTextbox" name="Location">
    <option selected=""></option>
    <option value="null">option 1</option>
    <option value="null">option 2</option>
    <option value="null">option 3</option>

注意到细微的差异，问题的真正问题在于这行代码：

items += "<option value='" + item.Value + "'>" + item.Text + "</option>";

为了修复我的代码，前面提到的行应该被替换为：

items += "<option>" + item.Text + "</option>";

问题已解决。感谢您的帮助@Gabe

相关文章：