jquery 实现类似百度搜索联想功能

本文转载自查看原文 2013-04-09 11:37 5699 Jquery/ jquery 联想搜索

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>jQuery搜索联想</title>
    <script src="script/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="script/jquery-ui.js" type="text/javascript"></script>
    <link href="script/xiala.css" rel="stylesheet" type="text/css" />
    <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"];
            var tagvalue = $("#istags").val().split(',');
            $("#tags").autocomplete({ source: tagvalue });
        });  
    </script>
</head>
<body>
    <input id="istags" runat="server" type="hidden"/>
    <div class="ui-widget">
        <label for="tags">
            Tags:
        </label>
        <input id="tags" /></div>
</body>
</html>

可以在后台给 istags 隐藏于赋值，用逗号隔开，在前台jquery 用split根据逗号分割，联想的只都是后台给赋值的

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 利用 lucene.net 实现高效率的 WildcardQuery ，记一次类似百度搜索下拉关键字联想功能的实现。 vue 使用watch监听实现类似百度搜索功能原生JS实现百度搜索功能 vue实现百度搜索下拉提示功能模糊查询（类似百度搜索框） js中实现输入框类似百度搜索的智能提示效果 Jquery实现类似百度的搜索框 JavaScript实现模糊推荐的input框(类似百度搜索框) 使用Jquery UI 高仿百度搜索下拉列表功能 JQuery实现AJAX异步实现搜索框智能提示功能（百度搜索框智能提示）（传输格式为默认普通字符串格式）