onchange事件到html.editfor

Question

I have an input box that is created in razor using Html.EditorFor.

@Html.EditorFor(model => model.person.Person.FirstName)

I would like to add a change event to this box so that some code will trigger if the value changes.

I have tried this jquery:

$('#person_Person_FirstName').change(function () {
    alert($(this).val());
}).change();

But I'm not getting anything.

Does anyone have any ideas?

Answer 1

Try this code:

$(function() {

    $(document).on('change','#person_Person_FirstName', function() {
       alert($(this).val());
    });

});

Answer 2

If that is the actual id of that rendered element, then doing this should work:

jQuery(function($) {
  $('#person_Person_FirstName').change(function () {
    console.log( this.value );
  }).change();
});

Answer 3

添加$(document).ready(function(){ //...above code here })工作