web-dev-qa-db-ja.com

複数選択の選択表示:リストと「タグクラウド」

どちらの方法が他の方法よりもパフォーマンスが良いのか、また、利点や欠点はあるのでしょうか。私のシナリオでは、ユーザーは3か国以上を追加し、同じ機能を使用してそのリストを編集します。

相互作用の仕様

  1. ユーザーが入力すると、国のリストを自動的に提案し、選択を行うと、システムは選択を示すフィードバックを提供します。
  2. フォームフィールドの下の選択リストまたはフォームフィールド内の「タグクラウド」選択リストを表示します。

長所/短所

  1. リスト形式:アイテムのリスト(1つの固視、1つの列)をスキャンしやすくなり、フォームフィールドが常に同じサイズになるようにします。ただし、リストが大きくなり、他のフォームフィールドがページにプッシュされる場合があります。
  2. タグクラウド:検索と選択を1つの領域に結合します。ユーザーが多くの国を追加すると、特定の国を見つけるのが難しくなる場合があります。

 Options

3
erik_lev

複数選択のjQueryUIプラグイン ' Chosen 'を使用すると、ドロップダウンであり、検索/タグ領域を共有するため、スペースを節約しながらフォームフィールドを常に同じサイズにすることができます。

単に ' multiselect '自体と呼ばれるさらに強力なjQueryプラグインを使用すると、さまざまなオプションをチェックしながら、インターフェースを開いたままにしておくことができます。これにより、多くの選択とスペースの節約に関して言及されたすべての問題が解決される可能性があります。

他にも多くのものが jQuery plugin site にあります。私はあなたの2番目の解決策がフォームを邪魔にならないようにするのに最適だと思いますが、おそらくこれらの1つは機能の競合をまったく防ぐことができます。

1
Garet Claborn