Comment puis-je obtenir le texte d'une option sélectionnée avec ASP.NET MVC?

Question

J'ai un formulaire dans un projet ASP.NET MVC qui a une forme de liste déroulante semblable à ce qui suit:

<select> 
    <option value="ee5711b9-ec86-4378-a975-ae10a4ebedbc">Volvo Account</option> 
    <option value="0dc0e9d8-2245-43de-81a9-5b94c19646fa">Saab Account</option> 
    <option value="f9a05ef6-9ca6-4eeb-9e04-79726a62b38c">Mercedes Account</option> 
    <option value="1c5c2e43-06d6-4b7d-916a-231be535a608">Audi Account</option> 
</select> 

Dans une page plus tard dans le projet que je dois faire quelque chose avec l'identifiant GUID, mais Je dois d'abord inviter l'utilisateur à confirmer. De toute évidence, le GUID leur est inutile et ils aimeraient voir le nom plus convivial (c'est-à-dire "compte Volvo"). Mais quand j'examine les valeurs de FormCollection, tout ce que je peux obtenir est la valeur, pas le texte de l'option sélectionnée. Cela est logique étant donné les objectifs de conception, mais comment puis-je POST sur la valeur du texte?

Je peux penser à certaines solutions de contournement (définir un champ caché avec JavaScript, faire une recherche après le fait avec le GUID et la même méthode par laquelle j'ai peuplé cela, etc.) mais y at-il une façon intrinisque de le faire Je suis manquant?

Answer 1

Il n'y a pas de façon intrinsèque de faire cela, JavaScript est vraiment votre meilleure option. Ajoutez un gestionnaire d'événement "onchange" à votre SELECT qui définit la valeur d'une entrée cachée à la valeur d'affichage de l'OPTION sélectionnée.

Answer 2

Utilisation des champs cachés:

<select> 
    <option value="ee5711b9-ec86-4378-a975-ae10a4ebedbc">Volvo Account</option> 
    <option value="0dc0e9d8-2245-43de-81a9-5b94c19646fa">Saab Account</option> 
    <option value="f9a05ef6-9ca6-4eeb-9e04-79726a62b38c">Mercedes Account</option> 
    <option value="1c5c2e43-06d6-4b7d-916a-231be535a608">Audi Account</option> 
</select> 
... 
<input type="hidden" name="Options[0].Key" value="ee5711b9-ec86-4378-a975-ae10a4ebedbc" /> 
<input type="hidden" name="Options[0].Value" value="Volvo Account" /> 
<input type="hidden" name="Options[1].Key" value="0dc0e9d8-2245-43de-81a9-5b94c19646fa" /> 
<input type="hidden" name="Options[1].Value" value="Saab Account" /> 
... 

Controller:

public ActionResult SomeAction(..., IDictionary<string, string> options) 
{ 
    string selectedValue = ...; 
    string selectedText = options[selectedValue]; 
} 

Answer 3

Je gère habituellement boîtes de dépôt Downs/Sélectionnez dans MVC avec une propriété statique dans une classe de collection dans les modèles.

Exemple:

using System.Collections.Generic; 

namespace SomeProject.Models 
{ 
    public class Collections 
    { 
     public static Dictionary<string, string> AccountType = new Dictionary<string, string> 
     { 
      { "", "" }, 
      { "ee5711b9-ec86-4378-a975-ae10a4ebedbc", "Volvo Account" }, 
      { "0dc0e9d8-2245-43de-81a9-5b94c19646fa", "Saab Account" }, 
      { "f9a05ef6-9ca6-4eeb-9e04-79726a62b38c", "Mercedes Account" }, 
      { "1c5c2e43-06d6-4b7d-916a-231be535a608", "Audi Account" } 
     }; 
    } 
} 

Je rendrais le menu déroulant dans la vue comme:

<%= Html.DropDownList("AccountType", new SelectList(SomeProject.Models.Collections.AccountType, "Key", "Value", Convert.ToString(ViewData["AccountType"])), "", new { tabindex = "3", @class = "dropdown" }) %> 

Maintenant que Collection est disponible pour toute votre application. Vous pouvez saisir quelque nom convivial que vous souhaitez via:

SomeProject.Models.Collections.AccountType[ViewData["AccountType"]] 

Vous pouvez même rendre la collection vers la vue si vous le désirez.

Espérons que ça aide.