javascript - ASP.NET MVC : Populating select option with ajax

Question

我正在使用 jquery ajax 和 json 数据填充一个选择选项，它工作正常，但是当我单击提交按钮时，我的选项值变为空。这是我的代码:

查看:

@using (Html.BeginForm("Index", "Teste", FormMethod.Post))
{
@Html.AntiForgeryToken()
<div class="row">
    <div class="col-md-8">
        Data Agendamento
    </div>
    <div class="col-md-8">
        @Html.TextBox("DataAgendamento", null, new { @onchange = "horarios();" })
    </div>
    <div class="col-md-8">
        Hora Agendamento
    </div>
    <div class="col-md-8">
        <select id="HoraAgendamento" name="HoraAgendamento"></select>
    </div>
    <input type="submit" value="Enviar" class="btn btn-default" />
</div>
}
<script>
    function horarios() {
        var Dia = $('#DataAgendamento').val();
        $.ajax({
            url: '/Teste/Popula',
            type: "GET",
            dataType: "JSON",
            data: { dia: Dia },
            success: function (horarios) {
                $("#HoraAgendamento").html("");
                $.each(horarios, function (i, hora) {
                    console.log(i);
                    console.log(hora.Hora);
                    $("#HoraAgendamento").append(
                        $('<option></option>').val(hora.Id).text(hora.Hora));
                });
            }
        });
    }
</script>

我的 Controller (直到问题发生)

[HttpPost]
    public ActionResult Index(FormCollection form)
    {

        string dt_data;
        dt_data = form["DataAgendamento"] + " " + form["HoraAgendamento"];

问题是我得到的表单["HoraAgendamento"] 为空。

Answer 1

尝试代码

string dt_data = Request.Form["DataAgendamento"].ToString() + " " + Request.Form["HoraAgendamento"].ToString();