Плагин jQuery AutoSuggest - PullRequest
       19

Плагин jQuery AutoSuggest

1 голос
/ 08 сентября 2010

Может кто-нибудь опубликовать простой HTML-код о том, как его реализовать, с простым объектом данных.

Вот ссылка http://code.drewwilson.com/entry/autosuggest-jquery-plugin

Я перепробовал все, чтобы это заработало, но пока мне это не удалось, может кто-нибудь помочь

Спасибо

Mason

1 Ответ

4 голосов
/ 09 сентября 2010

Это, кажется, работает нормально (в основном все получилось прямо с сайта), возможно, понадобится немного стиля, чтобы получить его так, как вы хотите. Также не знаю, откуда ваши данные, но у него есть несколько примеров 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>

Если это не то, что вы ищете, обновите свой вопрос с более подробной информацией, и я посмотрю, смогу ли я получить вам лучший ответ.

...