javascript - 使用其他方法附加文本不会触发文本框更改事件

Question

当使用更改事件更改文本框的值时，我需要触发一个事件。

html

'<select onchange="ChooseContact(this)">
 <option value='1'>1</option>
 <option value='2'>2</option></select>
 <input id="friendName">'

JS

function ChooseContact(data) {

document.getElementById ("friendName").value = data.value;

}

 $("#friendName").change(function(){
   alert("The text has been.");
  });

$('#friendName').bind('input propertychange', function() {
       alert("The text has been changed.");
});

这里我尝试更改选择选项值附加到文本。它会工作得很好。

文本框更改事件也未触发，也尝试使用input propertychange

如果有人知道原因，请在这里分享。

I tried

Answer 1

由于您以编程方式更改值，因此更改事件不会自动触发，而是可以手动触发

function ChooseContact(data) {
  $('#friendName').val(data.value).change()
}

$("#friendName").change(function() {
  alert("The text has been.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select onchange="ChooseContact(this)">
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>
<input id="friendName">