ページに 3 つのライブ フィルター検索フィールドがあります。キーアップで検索するようにトリガーされます。
- 筆頭著者
- 主題
- 日にち
<span>
それぞれが特定の要素を検索します<div>
私が抱えている問題は、間違った文字が 1 つのフィールドに入力され、ユーザーがバックスペースを押したとします。現在は非表示になっているため、コードは以前の文字を検索できません。
キーアップで検索するときに、他の検索フィールドの内容を考慮する機能を追加するにはどうすればよいですか?
ページに 3 つのライブ フィルター検索フィールドがあります。キーアップで検索するようにトリガーされます。
<span>
それぞれが特定の要素を検索します<div>
私が抱えている問題は、間違った文字が 1 つのフィールドに入力され、ユーザーがバックスペースを押したとします。現在は非表示になっているため、コードは以前の文字を検索できません。
キーアップで検索するときに、他の検索フィールドの内容を考慮する機能を追加するにはどうすればよいですか?
あなたができることは、ユーザーがバックスペースを実行したときに、最初にすべての著者を再度表示し、残りのテキストで検索を再実行することです。以下のようなもの。
if (event.keyCode == 8){
$("div.recordContainer span.listLeadAuthor").each(function(){
$(this).parent().show();
});
}
ここでフィドルを更新しました(最初の検索フィルターのみ)。
編集
検索機能をフィルター クラスに変更し、同じ機能をすべてに適用していただけないでしょうか。ここで別のフィドルを更新しました。これにより、複数の検索フィールドを使用できます。