Html.EditFor Onchange Event

Question

I am developing an MVC4 application.
I want to change IsChanged in my model when model.ExternalVenderNo changes.

Below are the codes on the watch page

<div class="editor-field"> @Html.EditorFor(model => model.ExternalVenderNo, new { @onchange = "OnChangeEvent();" }) @Html.ValidationMessageFor(model => model.ExternalVenderNo) </div> 

and

  function OnChangeEvent() { alert("value is changed"); @{ Model.IsChanged = true; } } 

To check if OnChangeEvent is being called , I put an alert . But alert also does not work .
this means that OnChangeEvent is not being called.

I just want to change the IsChanged field to true when model.ExternalVenderNo changes.

Model has bool IsChanged

Answer 1

Try to do the same with @Html.TextBoxFor

 @Html.TextBoxFor(model => model.ExternalVenderNo, new { onchange = "OnChangeEvent()" }) <script type="text/javascript"> function OnChangeEvent(){ alert("value is changed"); @Model.IsChanged = true; } </script> 

or leave jquery to handle the change event

 @Html.EditorFor(model => model.ExternalVenderNo) <script type="text/javascript"> $('#ExternalVenderNo').change(function(){ alert('Changed!'); @Model.IsChanged = true; }); </script> 

Answer 2

The following will certainly work for you.

 $(document).ready(function() { $('#ExternalVenderNo').on("change", function() { alert('Changed!'); }); }); 

Answer 3

Try adding to attributes

 @Html.EditorFor(model => Model.Lengthofside1, new { htmlAttributes = new { onchange = "OnChangeEvent(this)", @class = "form -control text-right" } }) 

It worked for me.

Answer 4

try jquery for this

 $('#ExternalVenderNo').change(function(){ alert('Changed!'); });