Question

有人可以使用简单的数据对象发布一个关于如何实现它的简单html代码。

以下是链接http://code.drewwilson.com/entry/autosuggest-jquery-plugin

我已经尝试了一切让它运转起来，到目前为止我还没有成功，有人可以帮忙吗

由于

梅森

Answer 1

这似乎工作正常（基本上是从网站上得到的），可能需要一些样式才能让它像你想要的那样。也不确定你的数据来自哪里，但他们也有一些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>

如果这不是您想要的，那么请更详细地更新您的问题，我会看看能否为您提供更好的答案。

jQuery AutoSuggest插件

1 个答案: