TagHelpers mvcのドロップダウンリストのイベント6

Question

私はドロップダウンをしています.Jquery onchangeイベントをTagHelpers selectタグにバインドしたいと思います。以下は私のコードです。

<select asp-for="BusinessType" 
     asp-items="@Model.BusinessTypeCollection"> 
</select> 

タグのonchangeイベントをインラインでバインドする方法を教えてください。

このようなものです。

<select asp-for="BusinessType" 
     asp-items="@Model.BusinessTypeCollection" 
     onchange ="something"> 
</select> 

Answer 1

onchangeインラインそれを指定したい場合に使用するための正しい属性です。あなたは、（a）それを呼び出すこと、（b）その機能がグローバルスコープで利用可能であることを確認する必要があります。例えば

：

<select asp-for="BusinessType" 
     asp-items="Model.BusinessTypeCollection" 
     onchange="test()"></select> 

@section scripts { 
    <script> 
     function test() { 
      alert('hi'); 
     } 
    </script> 
} 

言われて、これを行うにはもっと良い方法は、あなたが質問でそれを言及したように（私はここにjQueryを使用していますJavaScriptでイベントを結合することによってであること）、要素を参照するのはid属性のみです。

<select asp-for="BusinessType" 
     asp-items="Model.BusinessTypeCollection"></select> 

@section scripts { 
    <script> 
     $("#BusinessType").on("change", function() { 
      alert("changed!"); 
     }); 
    </script> 
}