css - 要件は入力です。選択は自動的に状態を展開します。動的クエリは ng-click で解決されます。入力と選択を自動的に展開させるにはどうすればよいですか?

Question

入力テキスト ボックスに入力すると、li または select のすべての内容が表示され、ドロップダウン テーブルで値を選択することも、入力ボックスに自動的に値を入力することもできます。写真の通り。要件を入力すると、クエリされた選択が自動的に展開されます。動的クエリは、入力と選択を自動的に展開する方法を教えてください。 これで、ドロップダウンをクリックするだけでドロップダウンを取り出すことができます。

Answer 1

select2を使用できます

Answer 2

jsはクリックをシミュレートしますか? select.click();

Answer 3

この要件がカスタマイズされたドロップダウンの場合は、カスタム メソッドを使用し、スタイルを調整して見栄えを良くすることもできます