Html-Code.ActionLink mit der id-Wert einer dropdownlist

Ich habe eine dropdownlist:
<%= Html.DropDownList("ddlNames", new SelectList(Modell.NameList, "ID", "Name"))%>

Hab ich noch einen ActionLink:
<%: Html.ActionLink("edit", "Bearbeiten", "Mitglieder", new { area = "MembersArea", id = XXX }, null)%>

Möchte ich den Wert des dropdownlist-in der XXX.
Also ich will Werte aus den Steuerelementen auf einen Blick in den ActionLink.
Ist das möglich in einer einfachen Art und Weise?

Dank,

Filip

Nur um zu klären: wollen Sie den link zu nehmen, der gewählte Wert der DDL? also immer dann, wenn in der DDL-änderungen, die Sie möchten, dass der link den Wert, der geändert werden? Weil, die benötigen javascript um den Wert zu aktualisieren, wie in @Darin die Antwort.
ja, ich will das tun.

InformationsquelleAutor Filip | 2010-11-06

  1. 3

    Können Sie das nicht, weil der html-Helfer ausführen der server-Seite, während die dropdown-Wert ändern kann, auf der client-Seite. Der einzige Weg, um es zu erreichen, ist die Verwendung von javascript. Sie konnten sich für das onchange-Ereignis des dropdown Menü und ändern Sie den Wert des href-der Anker:

    $(function() {
    $('#ddlNames').change(function() {
        var value = this.value; //get the selected value
        //TODO: modify the value of the anchor
    });
});

    Dies ist wahrscheinlich nicht die beste Lösung, da die Routen werden auf der Serverseite konfiguriert und damit ändern Sie den Wert der link, den Sie brauchen, um einige string-manipulation auf der client-Seite.

    Als alternative können Sie ein Formular und einem submit-button anstelle des Ankers. Auf diese Weise wird der ausgewählte Wert des dropdown wird automatisch an den server gesendet und Sie brauchen keine javascript:

    <% using (Html.BeginForm("Edit", "Members", new { area = "MembersArea" })) { %>
    <%= Html.DropDownListFor(x => x.SelectedName, 
        new SelectList(Model.NameList, "ID", "Name"))%>
    <input type="submit" value="Edit" />
<% } %>

    InformationsquelleAutor Darin Dimitrov

  2. 3

    Statt der änderung des Werts der Anker jedes mal einen entsprechenden dropdown geändert wird, ändern Sie einfach es einmal, auf klicken Sie auf.

    Beispiel mit Razor:

    @Html.DropDownList("DropDownFirstNames", new SelectList(Model.FirstNames, "ID", "Name"))
@Html.DropDownList("DropDownLastNames", new SelectList(Model.LastNames, "ID", "Name"))
@Html.ActionLink("Submit name", "ActionName", "ControllerName", null, new { @id = "SubmitName" })

<script type="text/javascript">
    $('#SubmitName').click(function () {
        var first = $('#DropDownFirstNames').val(); 
        var last = $('#DropDownLastNames').val();
        var path = '@Url.Content("~/ControllerName/ActionName")' + "?firstId=" + first + "+&lastId=" + last
        $(this).attr("href", path);
    });
</script>

    InformationsquelleAutor Carson Herrick

Schreibe einen Kommentar