問題タブ [livesearch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
853 参照

php - データベースからのデータを使用した Ajax ライブ検索

ライブ検索の利用可能な結果がxmlファイルにある(よく説明された)例をいくつか見ました。しかし、結果がデータベースから得られるものはごくわずかです (説明が不十分です)。2番目のケースに興味があります。

1 つの解決策は、データベース データをプリフェッチし、それらを xml オブジェクトに配置することです。残りは同じように機能します。そして、これは私が簡単に実装できるものです。

私が探しているのは、ユーザーが文字 (「c」など) を入力すると、その場で候補 (「ニンジン」、「キャベツ」、「セロリ」、「柑橘類」など) が生成される別の方法です。これは、次のようなデータベースへの呼び出しで達成されますか

"SELECT name FROM vegetables WHERE name LIKE c%"?

そして、ユーザーが別の文字を押したらどうなるでしょうか? (たとえば「ca」なので、推奨される結果は「ニンジン」、「キャベツ」になります)。キーを押すたびに、新しいSELECT?を開始する必要があります。どういうわけか、それは良い解決策のようには聞こえません。

この2番目の方法を達成する方法はありますか?

0 投票する
1 に答える
112 参照

jquery - jQuery 1.7以降のResigのLive Search redux?

私は最近、Resig のQuicksilver Live Search の jQuery リライトを見つけて、その仕組みを気に入っていますが、新しい .on() イベント ハンドラで動作するように更新しようとしています。しかし、私の能力(またはその欠如)は私を失敗させます。

「this.keyup(filter)...」を編集する必要があると考えていますが、何も機能しません。何か案は?

更新:明確にするためのポイントです。スクリプトを更新したいという私の考えは、動的に持ち込まれたリスト項目を受け入れることです。静的なリストであればすべて正常に動作しますが、ajax 呼び出しで作成されたリストを導入したため、動作しません。フィドルをモックアップして、すぐにここにリンクします。それまでの間、誰かが私を助けてくれれば、私の隠れ家を救うことができます. ありがとう。

0 投票する
1 に答える
101 参照

jquery - ライブ検索は、ページネーターの最初のページでのみ機能します

jQueryライブ検索を設定しましたが、うまく機能します。

ただし、私にはページネーターがあり、検索は現在のページでのみ機能します。すべてのページで機能させるにはどうすればよいですか?

0 投票する
1 に答える
287 参照

jquery - Jqueryライブ検索:ボタンで発射?

ユーザーが検索ボタンをクリックしたとき(ヘルプの追加を使用することもできます)またはEnterキーを押したときにのみ検索を実行する必要があることを除いて、ページで希望どおりに機能するこのフィドルを見つけました-彼らがいる間ではありません入力しています。

コードは次のとおりです。

次のステップは、検索で大文字と小文字を区別せず、いくつかのタイプ o を考慮に入れることです。
(クイックシルバーや液体金属などを使用できますか?)

解決するためにフィドルを変更できれば、それを理解するのが最善です。

0 投票する
2 に答える
253 参照

javascript - HTML 内の jQuery テキストの強調表示

ユーザーが場所の名前を検索できるテキスト フィールドがあります。結果に表示されるユーザーが入力したものを除いて、結果のテキストを強調表示するにはどうすればよいですか? 以下は、jQuery での私のコードです。

以下は、私の問題を説明する画像です。

ここに画像の説明を入力

ありがとう!!

0 投票する
3 に答える
2787 参照

jquery - キーワードに基づくjqueryインスタント検索

このプラグインは、正規表現を使用して、検索入力に基づいてコンテンツをリアルタイムで並べ替えます。現在、スクリプトは入力と同時に検索を行っています。

コードは次のとおりです。

}

私がやりたいのは、「text1」「text2」のようないくつかのボタンを作成し、それらをクリックすると、入力せずに「text1」を検索できるようにすることです。これを行う方法について何か提案はありますか? これがスクリプトの仕組みです:jsfiddle

ありがとうございました!

0 投票する
0 に答える
481 参照

jquery - jqueryライブ検索コールバック関数

このプラグインは、正規表現を使用して、検索入力に基づいてコンテンツをリアルタイムで並べ替えます。

次のような検索用のボタンをいくつか作成しました。

およびコードのスニペット:

私がやりたいのは、「検索1」をクリックして、検索が実行され、関数を呼び出した後に表示されるすべての要素に、「可視要素」と呼ばれるクラスを追加することです。

これは、別の検索プラグインに適用して達成しようとしているものの良い例ですが、私がやろうとしていることの概念を示しています:

問題は、実際の構造でこれを機能させる方法がわからないことです。提案は大歓迎です。

これは実用的なフィドルの例です。

テストサイトはこちら

0 投票する
2 に答える
4190 参照

php - PHP の例 AJAX ライブ検索

PHP と XML を使用する Web ページの作成に関しては比較的新しいのですが、W3S Schools で見た somthine に興味があります。サンプルページに表示されているAJAXライブ検索を作成したいのですが、最初にそれを実行する方法を学ぶのに助けが必要です.( http://www.w3schools.com/php/php_ajax_livesearch.asp )コピーして貼り付けましたWeb サイトにある 3 つのコード ファイルと、html ファイルをクリックすると空のフォーム ボックスだけが表示されます。これを何らかの形でMySqlとリンクする必要がありますか? もしそうなら、どうすればこれを行うことができますか?

index.html:

livesearch.php :

links.xml :

助けてくれてありがとう

0 投票する
1 に答える
94 参照

php - 同時に3行でライブ検索

すべてのユーザーに3行ある場合、ライブ検索で完全な名前を見つける方法を知る必要があります..のように:

テーブルパシエンテス

名前、名前、苗字

ジョン-----エリック--------ドゥー

例ごとに jhon doe または erick doe または jhon erick doe を検索すると、結果が表示されます

ジョン・エリック・ドウ

ここに私のライブ検索があります:

ページに結果が表示されます。