sur le changement de l'assistant dropdown?

Question

J'utilise un ENUM pour montrer tomber vers le bas comme

@Html.DropDownList("MyType",EnumHelper.GetSelectList(typeof(ImageType)),"Select My Type", new { @class = "form-control", onChange = "myFunction(this)" }) 

Je veux ajouter une fonction onchange à ce qui accepte deux paramètres on est l'élément courant (ce) et la valeur de la liste déroulante

onChange(this,value) 

ceci devrait donner l'étiquette choisie, et la valeur devrait être ce que j'ai choisi quel changement devrais-je, faire dans mon aide?

Answer 1

HTML Helper:

@Html.DropDownList("MyType",EnumHelper.GetSelectList(typeof(ImageType)),"Select My Type", new { @class = "form-control", onChange = "myFunction(this)" }) 

Javascript:

<script> 
function myfunction(_this) 
{ 
    var selectedValue = $(_this).val(); 
} 
</script> 

PS: vous pouvez accéder à l'élément à l'aide _this. val() va vous donner la valeur sélectionnée.

Answer 2

@Html.DropDownList("MyType") crée un élément select avec l'ID, MyType. Si vous utilisez jQuery, vous pouvez ajouter un gestionnaire d'événements de modification comme celui-ci.

<script> 
    $(function(){ 
     $("#MyType").change(function(){ 
      console.log($(this).val()); 
      console.log(this); 
     }); 
    }); 
</script> 

Si vous ne l'utilisez jQuery, puis

<script> 
    document.addEventListener('DOMContentLoaded', function() { 
     document.getElementById("MyType").addEventListener("change", function() { 
      alert(this.value); 
      console.log(this); 
     }); 
    }); 
</script> 

Vous pouvez y parvenir en onChange mais vous devez suivre Unobtrusive JavaScript approche