JQUERY QUICKSEARCH テキストボックス×ボタンが邪魔

はい、皆さんこんばんは。

今日はプログラミングの話です。すみません。備忘録です。

Javascriptの話になります。

JQUERYでQUICKSEARCHというツールがあります。誰が作られたかわかりませんが、使わさせていただいています。
データベースから値を取得してHTMLで表形式で表示にした後なんかに、ブラウザ上で文字列を検索して絞り込んでいけるというすごいツールです。

テキストボックスに文字を打ち込んでいくと、その文字に合致した行のみに絞り込まれていくという優れもの。
逆に打ち込んだ文字を消していけば、だんだん合致する行増えていきますので表示も増えていく。

しかしながら、検索するためのtextboxにInternetExplorer(IE)では自動的に×ボタンが表示されてしまいます。
こんな感じにです。

テキストボックス×ボタン

この×で文字列を消した場合に初期のテーブル状態に自動的に戻ってくれればよいのですが、なぜか絞り込んだ状態のままです。
何かのキーを押したり、新たな文字を打ち込むと正常に表示してくれるんですけどね。

QUICKSEARCH内のBINDで×を押したときに初期のテーブル状態に戻ってくれるような挙動にしようと悪戦苦闘しました。しかし、できず。。。

結果、IEで表示したときにこの×ボタンを表示しないようにしました。

以下の内容をHTMLファイルのheadタグ内に記載すれば、消すことができます。

これで×ボタンが表示されなくなります。
×ボタン消えた

苦肉の策でしたが、まぁこれでしのぎます。
ふぅ。疲れた。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です