Sự kiện hoán đổi lửa cho TextBox khi chỉ đọc là đúng

Question

Tôi đang cố gắng có một số chức năng về thay đổi hộp văn bản chỉ đọc. Nhưng khi tôi đang cố gắng cập nhật hộp văn bản bằng cách sử dụng javascript, sự kiện thay đổi không kích hoạt cho hộp văn bản.

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

Tôi đang gọi phương thức ChangeText khi nhấp vào nút. Nhưng nó không kích hoạt sự kiện textchange cho hộp văn bản.

Ai có thể cho tôi biết có gì sai ở đây không?

Answer 1

Vâng, bạn phải làm theo cách này: 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

Sự kiện thay đổi được kích hoạt bởi các sự kiện thực của người dùng không chỉ là hành động javascript.

Bạn có thể kích hoạt sự kiện thay đổi, như vậy:

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

Answer 3

bạn có thể làm như thế này

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