Html.ActionLink avec l'id de la valeur à partir d'un dropdownlist

J'ai un dropdownlist:
<%= Html.DropDownList("ddlNames", nouvelle SelectList(Modèle.NameList, "ID", "Nom"))%>

J'ai une ActionLink:
<%: Html.ActionLink("edit", "Modifier", "Membres", new { area = "MembersArea", id = XXX }, null)%>

Je veux la valeur de la dropdownlist dans le XXX.
Je tiens donc à utiliser les valeurs de contrôles sur une vue dans le ActionLink.
Est-ce possible de manière simple?

merci,

Filip

Juste pour clarifier: vous voulez le lien pour prendre la valeur sélectionnée de la DDL? donc, chaque fois que le DDL changements que vous voulez le lien de la valeur de la changer? Parce que cela nécessite javascript pour mettre à jour la valeur de @Darin réponse.
oui, je veux le faire.

OriginalL'auteur Filip | 2010-11-06

  1. 3

    Vous ne pouvez pas faire cela parce que le html helpers exécuter sur le serveur, tandis que la liste déroulante la valeur peut être modifiée par le client. La seule façon d'y parvenir est d'utiliser javascript. Vous pourriez inscrire pour l'événement onchange de la liste déroulante et de modifier la valeur de href de l'ancre:

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

    Ce n'est probablement pas la meilleure solution, car les routes sont configurés sur le serveur de côté et en vue de modifier la valeur du lien que vous avez besoin de faire un peu de manipulation de chaîne sur le côté client.

    Comme alternative, vous pouvez utiliser un formulaire et un bouton "soumettre" au lieu de l'ancre. De cette façon, la valeur sélectionnée de la liste déroulante sera automatiquement envoyé au serveur et que vous n'avez pas besoin de 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" />
<% } %>

    OriginalL'auteur Darin Dimitrov

  2. 3

    Au lieu de modifier la valeur de l'ancre à chaque moment, une liste déroulante est changé, juste le modifier une fois, lors d'un clic.

    Exemple à l'aide de Rasoir:

    @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>

    OriginalL'auteur Carson Herrick