web-dev-qa-db-ja.com

ポップアップセレクタの別のオプション

会社名のフィールドが無効になっているフォームがあります。ボタンがあり、クリックすると検索ウィンドウが開き、そこで会社名を検索して送信できます。送信時に、無効化されたフィールドが親ウィンドウに入力されます。しかし、ポップアップウィンドウに満足していません。同じウィンドウで検索できる場所を使用する他のオプションが必要です。助言がありますか?

ここでの主な問題の1つはセキュリティであり、ロボットが私のデータをすべて検索できないため、キャプチャを含めました。

また、ポップアップウィンドウに移動するのではなく、1ページで実行できる何かが必要です。

前もって感謝します。

First page

Search box in pop up window

Search result

Copy search result to parent window

1
user1986787

JQueryベースの選択リストが適切な選択です。たとえば、 このページ を確認します。ここでは、フィールドを読み取り専用にする必要はありません。フィールドに入力された一致しない値は、カーソルのフォーカスがフィールドから移動したときにクリアされます。

別のオプションは、これを入力ボックスにして、ユーザーが入力を開始したときに一致する結果をフェッチすることです。このアイデアは、Facebookの人々の検索が機能する方法、またはGoogleの検索が機能する方法に似ています。フォーカスアウトのフィールドから一致しない文字列をすべてクリアします。

編集:OKタグjQuerymobileに気づきました。 Select2プラグインはモバイルアプリケーションに最適な選択ではないかもしれませんが、類似のプラグインを見つけるか、非常に簡単に自分で作成できます。インターネットを使用するajaxベースの検索[2番目のオプション]は、完全に最良の選択ではない可能性があります(3Gでない場合)。

1
Fr0zenFyr