web-dev-qa-db-ja.com

独自のエントリを選択リストに追加する

事前定義されたオプションで選択リストにエントリを追加するユーザーフレンドリーな方法はありますか?選択リストから値を選択できることに加えて、自分の値を追加するオプションが欲しいのですが、これがどのように機能するか/見ているかわかりません。選択リスト内のフリーテキストフィールドを予測できることはわかっていますが、このフィールドに値を入力した後の動作はどうなりますか。

個人的には、ユーザーが自由なテキスト値を入力できるが、テキストを入力したときに表示される事前定義されたオプションのリストから選択する可能性もある、自由な入力フィールド(選択ドロップダウンリストではなく)を単純に予測します。これは通常、バックエンドに向けた検証として実現可能ですか?ちなみに、基盤となるテクノロジーはOracle APEXモバイルです。

共有する例を探していましたが、必要なものを正確に見つけることができません。

tHX

2
continuous

これを解決する標準的な方法はオートコンプリートです。たとえば、Jiraでの動作は次のとおりです。

ユーザーがフィールドの編集を開始します。入力を受け入れる/キャンセルするオプションがあります:

enter image description here

ユーザーは下矢印をクリックして、既存のアイテムのリストを表示できます。

enter image description here

または、フィールドへの入力を開始すると、オートコンプリートするリストが表示されます。

enter image description here

最後に、ユーザーは独自の値を追加できます。

enter image description here

5
mikryz

現在開発中のApex実装(モバイルではない)では、フロントエンドで Select2 jqueryプラグイン を使用します。

この素晴らしい拡張選択ボックスにより、オートコンプリート、複数選択、新しいエントリの追加など、あらゆる種類のカスタマイズされた実装が可能になります。

Select2をぜひお勧めします。

1
wintvelt