2012-01-03 9 views
1

私はquicksearch(https://github.com/riklomas/quicksearch)jQueryを使用して、テキストボックスにテキストを入力してtableの要素を非表示にしてから、一致するもののみを表示します。フィールド値をクリアして入力をシミュレートしますか?

これは問題なく動作しますが、テキストボックスをクリアできるようにします。私はそれを行うために、次のコードを使用しています...

これは、フィールドをクリアするには問題ありませんが、スクリプトは応答しません。私はそれが応答しない理由は、上記の明確なスクリプトでそれをクリアすると、私はinputに焦点を当て、削除キーを押す必要があるためだと思う。

例)テキストボックスにテキストを入力して手作業で削除するだけで正常に動作します。クリアスクリプトを実行してテキストを削除すると、結果は表示されません。スクリプトを実行すると、テキストが削除され、input内のdeleteキーを押すと、スクリプトが応答します。

テキストボックスをクリアしてからテキストボックス内の削除キーをシミュレートする方法はありますか?

答えて

3

quicksearchがキーアップイベントby defaultにバインドされているようです。それをトリガーしてみてください。

$('#id_search').trigger('keyup'); 

また、値を設定するためにjQueryのを使用することができます。

$('#id_search').val('').trigger('keyup'); 
+0

パーフェクト、どのようにそれは時にかかわらず、削除キーで動作するように思われることでしょうか? – Charlie

+1

@Charlie:フィールドの削除キー(または他のキー)を押すと、 'keyup'イベントがトリガーされます。したがって、プログラムでトリガーすることも有効です。 –

+0

ああ私の甘いイエス、それは私が過去2時間にしようとしてきたことでした。 – FreshPro