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

最新推荐文章于 2023-04-28 01:06:12 发布

awsndqceli5622321

最新推荐文章于 2023-04-28 01:06:12 发布

阅读量258

点赞数

文章标签： javascript 前端 java ViewUI

原文链接：http://www.cnblogs.com/Kiss920Zz/archive/2013/04/09/3009703.html

版权

<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根据逗号分割，联想的只都是后台给赋值的

转载于:https://www.cnblogs.com/Kiss920Zz/archive/2013/04/09/3009703.html

awsndqceli5622321

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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=...
复制链接

扫一扫