C# MVC动态内容更改dropdownlist
我有一个关于如何实现以下目标的问题: 我有一个包含活动的dropdownlist,我希望在活动的onchange事件上,我的列表将使用ajax模型中设置的id获取 我的代码示例如下 设置ID的Ajax方法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()); $('#'
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,如这里所描述的:
您的实施面临什么问题?您的实施面临什么问题?