自动完成后的Fire Onchange事件

Question

我试图一次做Autocomplete和onchange事件.

意思是:我想在自动填充文本框中触发onchange事件.当我从键盘在文本框中写一些东西并在文本框外面点击然后onchange事件触发但是当我在自动建议名称中选择某些内容时onchange事件未触发.

我的HTML代码

<div style="width: 34%">
   Person Name:<input id="txt0" type="text" onchange="SaveData('txt0')" class="userSearch" placeholder="Helped Person" />
</div>

JavaScript代码

function AutoComplete() {
//Autocomplete added to the textbox.
$('.userSearch').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "CTC.aspx/GetMemberName",
            data: "{ 'prefixText': '" + request.term + "' }",
            dataType: "json",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                response(data.d)
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('Error occured while autocomplete');
            }
        });
    },
    minLength: 1
});
}

function SaveData(textBoxId) {
     alert(textBoxId);
}

我想从自动完成中选择后触发onchange事件.

请帮忙

提前致谢.

Answer 1

您可以使用自动完成小部件上的更改事件来实现此目的. http://api.jqueryui.com/autocomplete/#event-change

例如:

function AutoComplete() {
  //Autocomplete added to the textbox.
  $('.userSearch').autocomplete({
      source: function (request, response) {
         // your ajax code
      },
      minLength: 1,
      change: function (event, ui) { SaveData(); }
  });
}