我正在尝试一次执行自动完成和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事件.
请帮忙
提前致谢.
解决方法
您可以使用自动完成小部件上的更改事件来实现此目的.
http://api.jqueryui.com/autocomplete/#event-change
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(); }
});
}