Rediriger vers le contrôleur/affichage lorsque la liste déroulante a été modifiée

Question

Application ASP.NET MVC. J'ai un Html.DropDownList. Je souhaite rediriger vers un autre contrôleur lorsque la sélection est modifiée et que la clé de l'élément dropdownlist sélectionné figure dans l'URL.

Comment dois-je procéder?

Merci

Answer 1

Vous aurez besoin de le faire avec Javascript; Je recommanderais d'utiliser jquery. De plus, placez le menu déroulant dans un formulaire, méthode d'obtention et action du contrôleur/URL de l'action. Ensuite, définissez l'événement click pour publier le formulaire.

Ainsi, votre HTML sera quelque chose comme:

<form id="myForm" action="/Controller/Action" method="get"> 
    <select id="mySelect">...</select> 
</form> 

Et jquery quelque chose comme:

$('#mySelect').change(function() { $('#myForm').submit(); }); 

Notez que vous pouvez utiliser l'aide Html.Form() pour créer la forme. Aussi, je vous recommande d'avoir un bouton de soumission sur le formulaire, que vous pouvez cacher avec javascript. Ensuite, les personnes qui ont désactivé JS ont encore un moyen de soumettre le formulaire.

Answer 2

Vous devez utiliser JavaScript pour ce faire:

<select onchange="OnChangeEvent(this);"> 
<option value="1">option 1</option> 
<option value="2">option 2</option> 
</select> 

<script type="text/javascript"> 
<!-- 
function OnChangeEvent(dropDownElement){ 
    var selectedValue = dropDownElement.options[dropDownElement.selectedIndex].value; 
    document.location = "/some/mvc/route/" + selectedValue; 
} 
//--> 
</script>