添加点击事件以自动完成

add click event to auto complete

本文关键字:事件 添加      更新时间:2023-09-26

这是我的自动完成代码:

<link href="JostejuFile/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="JostejuFile/scripts/jquery-1.4.1.min.js"></script>
<script src="JostejuFile/scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("#<%=txtSearch.ClientID%>").autocomplete("Handler/Search_CS.ashx", {
        width: 200,
        formatItem: function (data, i, n, value) {
            return "<img  style = 'width:50px;height:50px' src='PRupload/" + 
            value.split("-")[1] + "'/>" + value.split("-")[0];
        },
        formatResult: function (data, value) {
            return value.split("-")[0];
        }
    });
});
</script> 
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>

我想在点击或从自动完成列表中选择项目时触发事件。有人能帮我吗?

您总是可以在自动完成中为选择事件添加代码:

$( ".selector" ).autocomplete({
  select: function( event, ui ) {}
});

参考:http://api.jqueryui.com/autocomplete/#event-选择