添加点击事件以自动完成

时间:2015-04-01 15:47:24

标签: javascript jquery asp.net autocomplete jquery-autocomplete

这是我的自动完成代码:

<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>

我想在自动填充列表中点击或选择某个项目时触发一个事件。有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

您始终可以在自动填充中为select事件添加代码:

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

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