通过Jquery autocomplete 插件动态传递输入参数完成自动完成提示：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@page import="com.wlyd.wmscloud.util.ehcache.EhcacheUtil"%>

<%@page import="com.wlyd.wmscloud.persistence.beans.EsUser"%>

<%@page import="com.wlyd.wmscloud.util.finals.Const"%>

<%

    String staticUrl = (String) EhcacheUtil.get("staticUrl");

    String webRoot = request.getContextPath();

    EsUser user = (EsUser) session.getAttribute(Const.SESSION_BACK_USER);

    String operateType=(String)request.getParameter("opt");

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>JQuery自动补全插件</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>

  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

  <link rel="stylesheet" href="http://jqueryui.com/autocomplete/resources/demos/style.css">

  </head>

  <script type="text/javascript">

  function back()

  {

     window.location.href="<%=webRoot%>"+"/pda/index.html";

  }

  $(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"

        ];

        $( "#wmofBatchno" ).autocomplete({

            source :  function(request, response){

                var url="http://www.runoob.com/try/try.php?filename=try_ng_scope_sync&res="+ Math.random();

                $.ajax({

                    url: url,

                    dataType: "json",

                    data: {

                        wmofBatchno: request.term,

                    },

                    success: function( data ) {

                      // 模拟返回的数据

                      response( availableTags );

                    }

                  });

            }

        });

      });

  </script>

  <body>

   <div class="title">商品批次号自动补全</div>

    <div class="searchbox">

        <ul>

            <li><input type="button" value="返回" class="btn" onclick="back()" /></li>

            <li><em>商品批次号：</em><span><input type="text" class="txt" id="wmofBatchno" name="wmofBatchno" value=""/></span>

        </ul>

    </div>

  </body>

</html>

Jquery autocomplete 插件示例的更多相关文章

  1. jquery autocomplete插件

    jquery autocomplete插件 https://goodies.pixabay.com/jquery/auto-complete/demo.html autocomplete-table ...

  2. Jquery autocomplete插件的使用

    简单用法: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnc ...

  3. PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能

    XHTML 首先将jquery库和相关ui插件,以及css导入.一共引用三个 jquery ,jquery_ui.js,jquery-ui.css 三个文件,不同版本小哥可能稍有差异(最后注意ajax ...

  4. jquery autoComplete 插件

    github: https://github.com/Pixabay/jQuery-autoComplete/blob/master/demo.html 官网demo https://goodies. ...

  5. Jquery autocomplete 插件使用

    轻松实现类似百度输入框联想功能: autocomplete 是一个很厉害的插件,该插件基于jquery,在jquery官网能下载到最新版本. 首先,jQuery UI 是基于 jQuery 的,所以, ...

  6. jquery autocomplete 插件的使用

    Autocomplete 自动完成 功能:输入框在输入关键字后,根据输入的内容给出相关的下拉框供用户选择,自动完成输入内容. 插件:使用jqueryUI的自动完成小部件,文档地址:https://jq ...

  7. jquery autocomplete插件结合ajax使用

    <%@ page isELIgnored="false"%> <%@ page contentType="text/html; charset=UTF- ...

  8. 使用jQuery Autocomplete(自动完成)插件

    jQuery 的Autocomplete(自动完成.自动填充)插件有不少,但比较下来我感觉,还是bassistance.de 的比较强大,我们就来写一些代码感受一下. 最简单的Autocomplete ...

  9. [Jquery] Jquery AutoComplete的使用方法实例

    jQuery的Autocomplete(自动完成.自动填充)插件 jquery-autocomplete配置: <script type="text/javascript" ...

随机推荐

  1. [HEOI 2013 day2] 钙铁锌硒维生素 （线性代数，二分图匹配）

    题目大意 给定两个n阶方阵,方阵B的行i能匹配方阵A的行j当且仅当在第一个方阵中用行向量i替换行向量j后,第一个方阵满秩,显然这是个二分图匹配问题,问是否存在完美匹配,如果存在,还要输出字典序最小的方 ...

  2. 漫谈MySQL primaryKey

    主键没有着明确的概念定义,其是索引的一种,并且是唯一性索引的一种,且必须定义为“PRIMARY KEY”,是只可意会不可言传的东西.下面让我用通俗,甚至有些低俗的语言为您简单介绍一下MySQL的主键. ...

  3. c++ 依据输入动态声明数组(一维,二维)

    较早的编译器是不同意这样做的,所以一些书籍比方以Tc解说的书本都说数组的下标不能是变量.在vc6.0下亦是如此. 只是在一些较新的编译器如dev c++已经支持了,例如以下代码不会报错 #includ ...

  4. Hacker（25）----病毒攻防之认识病毒

    Internet中,计算机病毒是威胁计算机安全的程序.对于计算机病毒,用户不仅需要掌握其基础知识,还要认识常见的病毒及简单病毒制作方法.无论病毒基础还是制作简单病毒,用户需要掌握防御病毒的有效措施和专 ...

  5. Hacker（23）----破解常见文件密码

    Win7中,office文档.压缩文件等都是常见的文件,这些文档含有重要的信息,即使用户为这些文件设置了密码,黑客也会有办法破解. 一.破解office文档密码 破解office文档密码常用工具是Ad ...

  6. 虚拟现实，增强现实，VR，AR

    现在的热点不止VR,还有AR和披着MR.HR.CR外衣的各种高级AR们,所以比较着一起说.以下知乎上一网友观点,放几条结论:1.近期(未来两三年)看,VR能火,AR尚待成熟: 2.VR设备中,插片式是 ...

  7. JS高级程序设计学习笔记之数组

    数组创建的方式 var str = new Array();放入数字即为设置数组长度 var str = []; 数组的length可读可写 监测数组 Array.isArray()方法确定某个值是不 ...

  8. java二维不定长数组测试

    package foxe; import javax.swing.JEditorPane;import javax.swing.JFrame; /** * @author fooxe * * @see ...

  9. JAVA与JSON的序列化、反序列化

    package com.linkage.app.memcache; import java.util.HashMap;import java.util.Map.Entry; import net.sf ...

  10. js 计算两个日期之间的月数

    //返回两个日期相差的月数 function MonthsBetw(date1, date2) { //用-分成数组 date1 = date1.split("-"); date2 ...