将MVC Html.DropDownList中的id插入到同一页面上的Html.ActionLink中

时间:2014-08-21 18:35:41

标签: asp.net-mvc html.dropdownlistfor

我在ASP.NET MVC5应用程序中有一个Reports菜单。在Reports菜单上,我有一个显示程序列表的Html.DropDownList。我希望用户选择一个程序,然后单击"运行"并发布到类似的内容:Reports / ClassList / 14。换句话说,我希望新的{id = ???}包含所选的下拉列表ID。

<table class="table">
    <tr>
        <td>Choose a Program:</td>
        <td>@Html.DropDownList("ProgramId", String.Empty)</td>
        <td></td>
    </tr>
    <tr>
        <td>Class List</td>
        <td></td>
        <td>@Html.ActionLink("Run", "ClassList", "Reports", new { id = ???})</td>
    </tr>
</table>

我如何&#34;插入&#34;所选的ProgramId从下拉到页面发布时的链接参数?

我需要使用JavaScript吗?

谢谢,

Sanjeev

1 个答案:

答案 0 :(得分:1)

在ActionLink上添加一个类:

@Html.ActionLink("Run", "ClassList", "Reports", new { id=""},new {class = "ClassList"})

为它生成的Html将是:

<a href="/Reports/ClassList/" class="ClassList">Run</a>

并写下拉列表更改事件并设置ID:

$('select[name="ProgramId"]').change(function(){


$(".ClassList").attr("href",$(".ClassList").attr("href")+$(this).val());

});

在用jquery附加后,它将成为:

<a href="/Reports/ClassList/Id" class="ClassList">Run</a>