Suggest Framework 使用经验

最新推荐文章于 2015-01-16 11:16:24 发布

lutinghuan

最新推荐文章于 2015-01-16 11:16:24 发布

阅读量2.3k

点赞数 1

分类专栏： JQuery JavaScript Ajax

本文链接：https://blog.csdn.net/lutinghuan/article/details/9961037

版权

JavaScript 同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

JQuery

3 篇文章 0 订阅

订阅专栏

Ajax

3 篇文章 0 订阅

订阅专栏

什么是Suggest Framework

Suggest Framework 顾名思义，就是仿 Google Suggest 的一个小框架，让你的文本框也有提示功能。利用Suggest Framework你可以在自己的网站上很轻松实现“输入提示”效果，这种效果会很大程度上提高用户体验，提高搜索效率。一个页面上可以出现多个搜索框，每个搜索框都可以实现单独配置。

详细说明、使用教程、源代码下载请见：http://www.mzwu.com/article.asp?id=1766

这里想记录的是Suggest Framework使用过程中遇到的几个问题：

1.input文本框需要id跟name的值一致，Suggest Framework才能正常启用；

2.如果你的input文本框后边还需要并列显示其他内容，注意用表格或者DIV、SPAN等容器将它们分开，因为Suggest Framework会自动在input后边加一个<br>换行再把搜索结果的DIV加上去，这样的话input文本框后边原来的内容就会跟着被换行了。请注意了。

3.<script type="text/javascript">window.onload = initializeSuggestFramework;</script>这个语句是初始化插件的作用，如果你HTML的BODY也调用了onload事件，麻烦你把Suggest Framework初始语句跟BODY的onload事件代码整合到一起，否则无法初始Suggest Framework。

修改后的代码例子如下：

<head>
<script type="text/javascript" language="javascript">
//网页初始载入的时候
function init()
{
	//设置默认选中的样本类型
	var stype = "${sampleSearchForm.sampleType}";
	if(stype=="")
	{
		document.forms[0].sampleTypeList.selectedIndex = 0;
	}
	else
	{
		document.forms[0].sampleTypeList.value = stype;
	}
	//初始化插件
	initializeSuggestFramework();
}
</script>
</head>

<body  οnlοad="init();" >
......其他HTML代码......
......其他HTML代码......

PS: 为了解决上面这1、3两个问题，花了我大半天时间百撕不得其解，希望看到的人别跟我一样了。