2016-08-25 11 views
0

私は現在、いくつかのフィールドとオプションのリストからオプションを選択できる単純なドロップダウンのフォームを持っています。ドロップダウンメニュー - ユーザーに追加を許可する方法

ここでドロップダウンのコードです:

<select name="typeOfTokens" required="required"> 
    <option value="1">Samsung</option> 
    <option value="2">Sony</option> 
    <option value="3">Android</option> 
</select> 
私が達成したい何

は、テキスト入力からそのリストを介してユーザーの検索をさせることです、私はテキストを数回ドロップダウンを見てきました上部に入力します。そして一致するものがない場合は、ユーザーが入力したものを選択させてから、オプションから選択した値、またはフォームを送信するときにテキスト入力にあるものを取り出します。

"selected"や "select2"のようないくつかのドロップダウンプラグインを見たことがありますが、ドキュメントから何かを逃していない限り、本当に便利なものは何も見つかりませんでした。

誰かが私を助けることができたら、私は非常に感謝しています!

+0

だから、検索エンジンの話をしたいのですか? –

+0

最初のオプションが選択されている場合は、配置されたテキストフィールドを表示し、他のオプションが選択されている場合は非表示にすることができます。しかし、さまざまなブラウザでの位置づけは難しいです。 – Teemu

+0

jqueryui autocomplete https://jqueryui.com/autocomplete/ – depperm

答えて

1

剣道UIが提供するコンボボックスをご覧ください。リストから項目を選択したり、新しい項目を入力したりすることができます。私はここのサンプルデモ作成している - あなたが剣道を初めて使用する場合、それは無料で、ウィジェットを多く含むコンボボックスのサポートを持っているコアバージョンを持っていますCombobox Demo

Kendo UI Core

Getting started with Kendo ComboBox

関連する問題