如何使用文本框搜索并提供建议列表？

-2

我正在使用邮件系统，我想通过文本框搜索电子邮件，并在用户输入第一个字母时提供一些建议。如何使用文本框搜索并提供建议列表？

我该如何做到这一点，你能帮助我吗？

2013-02-10 Hardik Patel

您想要使用TextBox.AutoCompleteMode属性。

var source = new AutoCompleteStringCollection(); 
source.AddRange(new string[] 
       { 
        "January", 
        "February", 
        "March", 
        "April", 
        "May", 
        "June", 
        "July", 
        "August", 
        "September", 
        "October", 
        "November", 
        "December" 
       }); 

//Add datasource to textbox 
textbox.AutoCompleteCustomSource = source; 
textbox.AutoCompleteMode = AutoCompleteMode.SuggestAppend; 
textbox.AutoCompleteSource = AutoCompleteSource.CustomSource;

来源

2013-02-10 08:55:22

有几种方法可以实现这一点。 Here is一个简单的asp自动完成文本框的例子，但建议您使用jquery及其功能更简单的autocomplete()：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Autocomplete - Default functionality</title> 

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 

    <script> 
    $(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 

    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    }); 
    </script> 
</head> 
<body> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags" /> 
</div> 

</body> 
</html>

来源

2013-02-10 09:20:09

如何使用文本框搜索并提供建议列表？

回答

相关问题