zoukankan      html  css  js  c++  java
  • 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根据逗号分割,联想的只都是后台给赋值的

  • 相关阅读:
    Hibernate优缺点
    Struts优缺点
    Problem M
    Problem K
    Problem K
    Problem Q
    Problem Q
    Problem F
    Problem F
    哈夫曼树
  • 原文地址:https://www.cnblogs.com/Kiss920Zz/p/3009703.html
Copyright © 2011-2022 走看看