首页 > 解决方案 > 是否可以将 id 从动态附加的 html 传递给控制器​​?

问题描述

我写了一些 js 附加带有特定 id 的 html:

document.querySelector("#period").addEventListener("change", function () {

    var selectedOptionValue = this.options[this.selectedIndex].value;
    var closestElement = this.closest('th');

   
    if (selectedOptionValue == 'Invoices') {

        $("<div id='date1'>Date from: <input class='form-control datepicker' id='dateFrom' name='dateFrom' type='date' value=''></div>").appendTo(closestElement);
        $("<div id='date2'>Date to: <input class='form-control datepicker' id='dateTo' name='dateTo' type='date' value=''></div>").appendTo(closestElement);

    } else {

        var dateFrom = document.querySelector('#date1');
        var dateTo = document.querySelector('#date2');
        dateFrom.remove();
        dateTo.remove();
    }
});

我尝试将 id (dateFrom, dateTo) 从这个 dnamically 附加的 html 传递到控制器(我在页面启动时用 null 值初始化这些参数):

 public ActionResult XYZ(DateTime? dateFrom = null, DateTime? dateTo = null) ...

不幸的是,总是传递空值。是否可以将 id 从动态插入的 html 传递给控制器​​?

编辑: 下面我添加了查看代码,在这里我展示了我如何将 id 提交给控制器:

 @using (Html.BeginForm("XYZ", "Home", FormMethod.Get))
        {
            <th>
                @Html.DropDownList("period", new List<SelectListItem>
               {
                    new SelectListItem { Text="Today", Value="Today"},
                    new SelectListItem { Text="LastMonth",Value="LastMonth"}, "Choose period"})

                <button type="submit" class="szukaj"><i class="fa fa-search"></i></button>
</th>
//...more code here

我将日期输入附加到,因此我将他们的 ID 提交给控制器。或者我做错了什么?

标签: c#asp.net-mvc

解决方案


推荐阅读