ReadonlyがTrueの場合、TextBoxのイベントを発生させないようにします。

Question

読み取り専用のテキストボックスの変更にいくつかの機能を追加しようとしています。 しかし、JavaScriptを使用してテキストボックスを更新しようとすると、変更イベントがテキストボックスに対して発生していません。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('input[id$=_txtTest]').bind("change", function() { 
       alert("test"); 
      }); 
         }); 
     function ChangeText() { 
      $('input[id$=_txtTest]').val('hello'); 
     } 
    </script> 

私はボタンをクリックしてChangeTextメソッドを呼び出しています。しかし、テキストボックスのtextchangeイベントは発生しません。

ここで何が間違っているか教えていただけますか？

Answer 1

を行うことができます：

あなたはそうのように、変更イベントをトリガすることがhttp://jsfiddle.net/kmvSV/1/

$(document).ready(function() { 
    $('input[id$=_txtTest]').bind("change", function() { 
    alert($(this).val()); 
    }); 
    $('button').bind("click", function() { 
    $('input[id$=_txtTest]').val('hello').trigger('change'); 
    }); 
}); 

Answer 2

変更イベントは、実際のユーザーイベントによってのみトリガされ、JavaScriptアクションでは発生しません。

$('input[id$=_txtTest]').val('hello').change(); 

Answer 3

あなたがさて、あなたがこの方法を行う必要があり

このような

function setValueOfTextBox() 
{ 
    var myElement = document.getElementById("textboxid"); 
    myElement.value = "hello"; 
    //following code fire change event for you text box 
    if (myElement.onchange) 
     myElement.onchange(); 
}