<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<html:html>
<HEAD>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.util.*"%>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String searchinfo="";
%>
<script src="<%=basePath%>js/jquery.autocomplete.js"></script>
<link href="<%=basePath%>css/jquery.autocomplete.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript">
var root_url="<%=basePath%>";
function defineDocSearchInput()
{
//自动联想功能
initAutoThink();
var inputDocSearchVal = $("#inputProductSearch").val();
$("#inputProductSearch").blur(refreshDocSearchTipBlur);
$("#inputProductSearch").focus(refreshDocSearchTipFocus);
if (inputDocSearchVal == "<bean:message key='support.navigate.auto.think.inputInfo'/>")
{
$("#inputProductSearch").val("");
}
}
function refreshDocSearchTipFocus()
{
var inputDocSearchVal = $("#inputProductSearch").val();
if (inputDocSearchVal == "<bean:message key='support.navigate.auto.think.inputInfo'/>")
{
$("#inputProductSearch").val("");
}
}
function refreshDocSearchTipBlur()
{
var inputDocSearchVal = $("#inputProductSearch").val();
if (inputDocSearchVal == "" || null==inputDocSearchVal || 0==inputDocSearchVal.length)
{
$("#inputProductSearch").val("<bean:message key='support.navigate.auto.think.inputInfo'/>");
}
}
//解析json数据
function parseFn(data) {
var rows = [];
if(data==null)
return rows;
for(var i=0; i<data.length; i++){
rows[rows.length] = {
data:data[i],
result:data[i].PROLINE_NAME,
result:data[i].PROFAMILY_NAME,
result:data[i].PRODUCT_NAME,
result:data[i].ITEM_NAME
};
}
return rows;
}
分享到:
相关推荐
- **jquery.autocomplete.css**:这是插件的样式表文件,定义了 Autocomplete 功能的外观,包括建议列表的样式、高亮选中项的样式等。通过自定义这个 CSS 文件,我们可以调整补全提示的显示效果,使其更好地融入...
`jquery.autocomplete.js`是jQuery的一个插件,它扩展了原生的jQuery库,增加了自动完成的功能。这个插件主要由两个核心部分组成:一个是前端展示部分,负责渲染和展示联想结果;另一个是数据处理部分,用于获取和...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...
jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...
这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...
**jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
首先,让我们明确一下标题中的“jquery.autocomplete.js”——这是一个基于jQuery库的Autocomplete插件,它的主要功能是为HTML文本输入框添加自动完成的功能。它通过动态加载数据并根据用户输入的内容进行匹配,从而...
在本压缩包中,我们有两个文件:`jquery.autocomplete.js` 和 `jquery.autocomplete.css`,它们分别负责插件的核心功能和样式定义。将这两个文件放入你的项目目录,并在页面中通过 `<script>` 和 `<link>` 标签引入...
本篇文章将深入探讨 `jquery.autocomplete.js` 的参数属性及其在实际应用中的使用方法。 ### 1. 插件基本使用 首先,确保引入了 jQuery 和 Autocomplete 的 JavaScript 文件。在 HTML 文档的 `<head>` 或 `<body>`...
Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...
本文将深入探讨`jquery.autocomplete.js`和`jquery.autocomplete.css`这两个核心文件,以及如何利用它们来创建一个完善的自动完成组件。 首先,`jquery.autocomplete.js`是jQuery Autocomplete插件的核心JavaScript...
同时,为了美观和布局,还需要引入 `jquery.autocomplete.css` 文件,该文件定义了插件的样式规则。 ### 2. 使用方法 要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete...
jQuery Autocomplete是一个非常实用的前端插件,它允许开发者为输入框添加自动补全功能,极大地提升了用户体验。这个"jQuery-Autocomplete-master"压缩包提供了一个简单的示例,用于演示如何利用jQuery实现自动补全...
- Autocomplete 插件文件:例如 `jquery.autocomplete.js`,这包含了 Autocomplete 功能的具体实现。 ```html <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> <script src="jquery....
jQuery Autocomplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全的功能,极大地提升了用户在网站上的交互体验。这个插件源自于 jQuery UI 库,但也可以单独使用。在本文中,我们将深入探讨 jQuery ...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
<script src="jquery.autocomplete.js"> $(document).ready(function() { $("#searchBox").autocomplete({ source: ["Option1", "Option2", "Option3"], // 数据源 minLength: 2, // 最小输入长度 select: ...
<script src="path/to/jquery.autocomplete.min.js"> ``` ### 2. 初始化 AutoComplete 初始化 AutoComplete 需要对输入框元素进行操作,并提供数据源。数据源可以是静态数组、AJAX 请求返回的数据或者函数。...
jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...