C# MVC动态内容更改dropdownlist

C# MVC动态内容更改dropdownlist,c#,jquery,asp.net-mvc,C#,Jquery,Asp.net Mvc,我有一个关于如何实现以下目标的问题: 我有一个包含活动的dropdownlist,我希望在活动的onchange事件上,我的列表将使用ajax模型中设置的id获取 我的代码示例如下 设置ID的Ajax方法 function GetSelectedValue(DropDownID, HiddenFieldID) { $('#' + HiddenFieldID).val($('#' + DropDownID + ' option:selected').val()); $('#'

我有一个关于如何实现以下目标的问题:

我有一个包含活动的dropdownlist,我希望在活动的onchange事件上,我的列表将使用ajax模型中设置的id获取

我的代码示例如下

设置ID的Ajax方法

 function GetSelectedValue(DropDownID, HiddenFieldID) {

    $('#' + HiddenFieldID).val($('#' + DropDownID + ' option:selected').val());

    $('#' + DropDownID).change(function () {
        $('#' + HiddenFieldID).val($('#' + DropDownID + ' option:selected').val());

        $.ajax({
            url: 'Afmeldingen',
            type: "POST",
            data: JSON.stringify({ 'ActiviteitenID': $('#' + DropDownID + ' option:selected').val() }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                jQuery.globalEval(data.Callback);
            },
            error: function (error) {
                //alert(error);
            }
        });
    });
}
$(document).bind('pageinit', function () {
    GetSelectedValue('details', 'act_id');
});
表单元素

@using (Html.BeginForm())
{
    <div data-role="collapsible" data-inline="true" data-content-theme="b" data-collapsed="false">
        <h3>@DateTime.Today.ToShortDateString()</h3>
        <div data-role="collapsible-set" data-inline="true" data-content-theme="b" data-collapsed="true">
            <select id="details">
                @foreach (var item in Models.Taken.ActivityList)
                {
                    <option value="@item.ID">@item.Comments</option>
                }
            </select>
            @Html.Hidden("act_id")
            @foreach (var item in Talent.Subscription.Fetch(null, Models.Taken.ActID ?? 1L, null, null))
            {
                <div data-role="collapsible" data-content-theme="b" data-collapsed="true">
                    <h3>
                        @Html.Label("", item.Participant.CompleteName)
                    </h3>
                    @Html.CheckBoxFor(m => m.DeelnemerActive.HasValue, htmlAttributes: new { data_role = "CheckBox" })
                    @foreach (var af in Talent.Afmelding.Fetch(null, Models.Tasks.ActID ?? 1L, null, null))
                    {
                        @Html.Label("", "Comments")
                        @Html.TextBox("Reason", af.Reason);
                    }
                </div>
            }
        </div>
    </div>
}
@使用(Html.BeginForm())
{
@DateTime.Today.ToShortDateString()
@foreach(Models.take.ActivityList中的var项)
{
@项目.评论
}
@Html.Hidden(“act_id”)
@foreach(Talent.Subscription.Fetch中的变量项(null,Models.take.ActID±1L,null,null))
{
@Html.Label(“,item.Participant.CompleteName)
@CheckBoxFor(m=>m.DeelnemerActive.HasValue,htmlAttributes:new{data_role=“CheckBox”})
@foreach(Talent.Afmelding.Fetch中的var af(null,Models.Tasks.ActID±1L,null,null))
{
@Html.Label(“,“注释”)
@文本框(“原因”,af.Reason);
}
}
}
我希望你能帮助我实现这一目标,或者你有办法做到这一点

这可能是我能找到的对你有帮助的最好的例子

他在单击一个局部视图时动态加载局部视图中的数据 按钮你可以在这里用你的零钱

-

查看此示例以了解级联下拉列表的工作原理:

-

你也可以考虑使用KokOut-Js,如这里所描述的:

这可能是我能找到的对你有帮助的最好的例子

他在单击一个局部视图时动态加载局部视图中的数据 按钮你可以在这里用你的零钱

-

查看此示例以了解级联下拉列表的工作原理:

-

你也可以考虑使用KokOut-Js,如这里所描述的:


您的实施面临什么问题?您的实施面临什么问题?