1

ユーザーがクリックすると:

<%= f.text_field :challenge, class: 'form-control' placeholder: 'Enter Challenge' %>

「10 ポンド減量」、「喫煙をやめる」、「5K を実行する」などのいくつかのオプションを含むドロップダウン メニューが表示されるようにします。

ただし、ドロップダウン メニューを無視して、独自の課題を入力するオプションは引き続きあります。

4

1 に答える 1

1

私のコメントを拡張します：

ブラウザーが理解する (そしてレールによって生成可能な) ネイティブ HTML コンポーネントに関しては、"テキスト フィールド" と "ドロップダウン" しかありません。2つのハイブリッドのようなものはありません。

つまり、テキスト フィールドを選択してから、追加のドロップダウン機能を自分で追加する必要があります。Rails の観点から見ると、使用しているのは単純な古いテキスト フィールドだけであり、JavaScript を使用してブラウザーに追加のドロップダウン機能を追加します。基本的にはテキスト フィールドですが、クリックするとリストが表示され、そのリストから 1 つクリックすると、テキスト フィールドにその値が自動的に入力されます。しかし、それはまだ「単なるテキスト フィールド」です。

この機能が必要になったのはあなたが初めてではなく、既に多数の JavaScript ライブラリが構築されています。最初にhttps://select2.github.io/を試すか、 http://www.unheap.com/section/inputs-forms/selectboxes/でさらに多くの潜在的なオプションを確認してください。

于 2015-12-03T21:52:11.147 に答える