有人可以发布一个简单的 html 代码,说明如何使用简单的数据对象来实现它。
这是链接http://code.drewwilson.com/entry/autosuggest-jquery-plugin
我已经尝试了一切以使其正常工作,但到目前为止我还没有成功,有人可以帮忙吗
谢谢
石匠
有人可以发布一个简单的 html 代码,说明如何使用简单的数据对象来实现它。
这是链接http://code.drewwilson.com/entry/autosuggest-jquery-plugin
我已经尝试了一切以使其正常工作,但到目前为止我还没有成功,有人可以帮忙吗
谢谢
石匠
这似乎工作正常(基本上是从网站上得到的),可能需要一些样式才能得到它想要的样子。也不确定您的数据来自哪里,但他也有一些 ajax 示例。
无论如何,将以下内容另存为 .html 文档作为示例。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://the-know-your-rights.googlecode.com/svn-history/r10/trunk/resources/js/jquery/autoSuggest/jquery.autoSuggest.minified.js"></script>
<script type="text/javascript">
var $sel = null;
$(document).ready(function () {
var data = {items: [
{value: "21", name: "Mick Jagger"},
{value: "43", name: "Johnny Storm"},
{value: "46", name: "Richard Hatch"},
{value: "54", name: "Kelly Slater"},
{value: "55", name: "Rudy Hamilton"},
{value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});
});
</script>
</head>
<body>
<input type="text" />
</body>
</html>
如果这不是您要查找的内容,请使用更多细节更新您的问题,我会看看能否为您提供更好的答案。