2

作業中の Web サイトに検索オートコンプリート機能を実装しようとしています。バックエンドMySQLデータベース(AJAXと通信)から動的に生成されたオプションで、HTMLデータリストを使用しています。ただし、データリストのオートコンプリートが思いどおりに機能しません。キーワードが適切でない場合、オートコンプリートは結果を自動的に無視するようです。

たとえば、「リンゴ バナナ オレンジ」という文字列を検索する場合、検索ボックスに「リンゴ オレンジ」と入力すると、バックエンドによって生成されたオプションの 1 つであっても、文字列は表示されません。

これはある種の固有のデータリスト機能であると想定しています。これを回避する方法があるかどうか、またはこの問題を克服する検索オートコンプリート機能を実装する方法について誰かが別のアイデアを持っているかどうか疑問に思っていましたか?

助けてくれてありがとう。

4

1 に答える 1

0

jQuery オートコンプリートを検討しましたか? Ajax を使用して値を動的に生成します。

<form id="searchbox">
<input id="search" type="text" placeholder="Type here" class='search_input' >
</form>

$(document).ready(function() {
$("input#search").autocomplete({
source: ["apple","banana", "orange"]
});
});

JSFiddle

于 2013-03-04T22:57:30.083 に答える