zoukankan      html  css  js  c++  java
  • jQuery搜索框自动补全功能插件实现-autocomplete.js

    最近用nodeclub实现股票的输入关键字自动补全股票信息进行搜索功能,原先用jQuery-ui,结果jQuery-ui库太大,所以考虑用其他插件,最终选择使用autocomplete.js,控件简单用着方便。留下记录

    源码如下:

    <!doctype html>
    <html lang="en-US">
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
      <title>Input Autocomplete Suggestions Demo</title>
      <link rel="stylesheet" type="text/css" media="all" href="style.css">
      <script type="text/javascript" src="js/codedata.js"></script>
      <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
      <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script>
      <script type="text/javascript" src="js/currency-autocomplete.js"></script>
    </head>

    <body>
      <div id="w">
        <div id="content">
          <h1>World Currencies Autocomplete Search</h1>
          <p>Just start typing and results will be supplied from the JavaScript. Check out <a href="https://github.com/devbridge/jQuery-Autocomplete">jQuery Autocomplete</a> on Github.</a></p>
          
          <div id="searchfield">
            <form><input type="text" name="currency" class="biginput" id="autocomplete"></form>
          </div><!-- @end #searchfield -->
          
          <div id="outputbox">
            <p id="outputcontent">Choose a currency and the results will display here.</p>
          </div>
        </div><!-- @end #content -->
      </div><!-- @end #w -->
    </body>
    </html>

    具体源码地址   https://github.com/longma8586/jQueryAutoCompleteDemo

  • 相关阅读:
    Mysql数据备份命令
    git命令大全
    git 安装及普通命令
    git学习资料
    php 魔术方法 和 魔术常量
    react事件处理(绑定)
    java父类、子类构造函数调用过程
    java字符串String的intern()方法,举例说明
    java关键字static使用的“坑”(准备、初始化)
    java虚拟机
  • 原文地址:https://www.cnblogs.com/longma8586/p/8807647.html
Copyright © 2011-2022 走看看