javascript - 自动完成不会获取真实值

Question

它不采用来自列表的值(带有自动完成功能)，它只采用我写入文本框的值。如果有人给我任何技巧，我会很高兴。

提前致谢，

$(function () {
    var availableTags = [
    "Mustafa Basyurt",
    "Hakan Öz",
    "Ahmet Taşkın",
    "Burhan Top"
    ];

    $("#<%=txtMembers.ClientID%>").autocomplete({
        source: availableTags,
        messages: {
            noResults: '',
            results: function () { }
        },
        select: function () {

            $("#members").append("<span class='button blue' id='" + ItemNo + "' style='font-size: 16px; margin-left:0px'>" + $("#<%=txtMembers.ClientID%>").val() + "<a onclick='RemoveItem(this);'><img src='../../Style/images/icons/close.png' style='vertical-align:central; margin-top:2px' /></a> </span> ");


        }

    });



});

HTML:

<asp:TextBox ID="txtMembers" runat="server" Width="90%" BackColor="LightBlue" Height="20px"></asp:TextBox>

<div id="members"></div>

Answer 1

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

您的选择处理程序应该类似于(假设 ItemNo 有一些值):

select: function (event,ui) {
            $("#members").append("<span class='button blue' id='" + ItemNo + "' style='font-size: 16px; margin-left:0px'>" + ui.item.value + "<a onclick='RemoveItem(this);'><img src='../../Style/images/icons/close.png' style='vertical-align:central; margin-top:2px' /></a> </span> ");   

        }