javascript中的asp.net自动完成组合框功能答案

【问题标题】：asp.net autocomplete combobox functions in javascriptjavascript中的asp.net自动完成组合框功能
【发布时间】：2011-09-04 14:57:03
【问题描述】：

asp ajaxtoolkit 自动完成组合框是否有一些可用的 javascript 功能，所以我们可以在客户端选择选定项文本或选定项值。

谢谢阿提夫

【问题讨论】：

标签： javascript asp.net visual-studio autocomplete

【解决方案1】：

如果你是这个意思，这里可以下载全部js文件的完整源代码：

http://ajaxcontroltoolkit.codeplex.com/

否则，这是一个简短的文档：

http://www.asp.net/ajax/ajaxcontroltoolkit/samples/autocomplete/autocomplete.aspx

我认为，您可以通过完成服务方法来控制此行为，由您决定在哪里，如何实现。

【讨论】：

【解决方案2】：

<script type="text/javascript">
    function autoComplete1_OnClientShown(sender, eventArgs) {
        var valueToSelect = $("#<%= TextBox1.ClientID  %>").val();

        if (valueToSelect.length > 0) {
            var itemToSelect = $("li[_value^='" + valueToSelect + "']", ".CompletionList").get(0);
            Sys.Debug.traceDump(itemToSelect);
            if (itemToSelect)
                $find("AutoCompleteEx")._setText(itemToSelect);
        }
    }
</script>

<asp:Label runat="server" AssociatedControlID="TextBox1" Text="Select the first value that starts with: " />
    <asp:TextBox runat="server" ID="TextBox1" />&nbsp;
    <br />
    <asp:Label ID="Label1" runat="server" AssociatedControlID="TextBox2" Text="Choose value: " />
    <asp:TextBox runat="server" ID="TextBox2" />
    <ajax:AutoCompleteExtender runat="server"
            BehaviorID="AutoCompleteEx"
            ID="autoComplete1" 
            TargetControlID="TextBox2"
            ServicePath="Default.aspx" 
            ServiceMethod="GetCompletionList"
            MinimumPrefixLength="2" 
            DelimiterCharacters=";, :"
            CompletionListCssClass="CompletionList"
            OnClientShown="autoComplete1_OnClientShown"
            ShowOnlyCurrentWordInCompletionListItem="false" >
     </ajax:AutoCompleteExtender>

【讨论】：