問題タブ [dropdown]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
25 参照

php - クエリの結果をドロップダウン メニューで使用するにはどうすればよいですか?

for ループを使用してデータベースから復元された特定のフィールドをオプションとして持つドロップダウン メニューを作成しようとしています。

私は次のことをしています:

これにより、データベースからすべてのタイトルが抽出され、一度に 1 つずつ表示されます。

これらすべてのタイトルをドロップダウン メニューのオプションとして表示して、ユーザーがどのタイトルを読むかを選択できるようにする方法はありますか?

0 投票する
2 に答える
4309 参照

c# - Gridview内でドロップダウンリストの選択した値を設定する方法は?

グリッド ビュー内にドロップダウン リストがあります。ここにグリッドビューがあります

そして、これがデータをバインドするためのコードビハインドです

問題は、グリッドビュー内の他のテキストボックスがデータを取得していることです。ただし、ドロップダウン リストはデータベース データにバインドされていません。SelectedValueプロパティは次のようなエラーを出しています:

DataBinding: 'System.Data.DataRowView' does not contain a property with the name 'PROGRAMME'.

0 投票する
1 に答える
1106 参照

android - Android: ActionBar の Spinner を Action Bar アイテムの残りの部分と同じ外観/スタイルにする

AppCompatActivity を使用する Android アプリのOPTIONS MENUに「 Spinner」を追加しようとしています。

私が用意した例では、スピナーに「すべて/成功/失敗」などのオプションのドロップダウンリストを表示させたいと考えています。

StackOverflow の他の場所にある手順に従って、スピナーをアクション バーに追加することはできますが、見た目が非常に奇妙です。スピナーをアクション バー アイテムの外観と一致させる必要があります。これは、私の場合、アクション バーのタイトルを白にする必要があることを意味し、スピナーをクリックすると、ポップアップの背景が白になり、テストが黒になる必要があります。オーバーフロー オプション メニュー。

現在取得している外観については、以下のスクリーンショットを参照してください。

折りたたみおよび展開されたスピナー メニュー項目の画像

ご覧のとおり、問題は、アクション バー アイテムの残りの部分が白のときに、スピナーの選択が黒で表示されることです。同様に、スピナーがクリックされると、ドロップダウン内の項目は黒のテキストで暗い背景になり、残りのメニュー項目 (オーバーフロー メニューなど) は黒のテキストで明るい背景になります。

次のようにして、このスピナーを追加しました。

ステップ 1: menu xml にメニュー項目を追加:

ステップ 2: 私のアクティビティ (この場合はフラグメント) メニュー拡張コードで、次を追加しました

試した解決策:

そのため、配列アダプターでは、デフォルトのスピナー レイアウトを使用する代わりに、以下に示すように所有者レイアウトを作成して提供しました。

対応するレイアウト ファイルは次のとおりです。

これにより、次の結果が得られました。ご覧のとおり、これらは非常に奇妙です。

折りたたまれたスピナー メニューと展開されたスピナー メニューの画像

質問の要約

  1. これは、「ドロップダウン メニュー」効果のために AppCompatActivity にオプション メニューを追加する最良の方法ですか?
  2. スピナーメニューの外観が折りたたまれたときにアクションバーと一致し、展開されたときにアクションバーの残りのポップアップアイテムの説明と一致することを確認するために使用できる最良の方法は何ですか(オーバーフローメニューなど) ?

ありがとう

0 投票する
1 に答える
39 参照

html - Option タグ内の文字列の一部を揃える

<option />タグのテキスト コンテンツのグループを作成したいと思います。私は次のものを持っているとしましょう:

UIではドロップダウンが↓のように表示されるのですが、私は↓のように表示する必要があります

             ここに画像の説明を入力  ここに画像の説明を入力

私は何かをすることを考えていました

<option><span style="width:30px;">CCB</span><span>- AFHT Crew Balancing</span></option>

しかし、 Options タグは他のサブタグを許可しないため、機能していません。

0 投票する
1 に答える
134 参照

javascript - コードは JSFiddle では正常に動作しますが、私のブラウザーでは動作しません

ランキングに使用する複数のドロップダウン メニューに取り組んでいます。私はstackoverflowからこの優れたコードを見つけました:

jQueryを使用して複数のドロップダウンで重複する値を防ぐ方法

JSFiddle では問題なく動作しますが、Chrome または IE ブラウザでコードをオフラインで動作させることができないようです。誰か助けてくれませんか?

0 投票する
1 に答える
1149 参照

javascript - ドロップダウンアイコンではなく、複数のタグを持つSelect2.js?

Select2.js には、デフォルトで選択ドロップダウン ボックスとドロップダウン アイコンがあり、それが単なる入力ボックスではなくドロップダウンであることをユーザーが直感的に理解できるようになっています。

複数のタグを有効にして選択ドロップダウン ボックスを作成すると、ドロップダウン ボックスは入力テキスト ボックスのようになります。基本的に、ドロップダウン アイコンがありません。

参照してください - https://select2.github.io/examples.html

ドロップダウン アイコンを追加するには、select2.js ファイルに追加します。しかし、それは良い考えではないと思います。複数のドロップダウンアイコンを取得するための他の簡単またはより良い方法 - select2 js ドロップダウンボックスを選択しますか?

0 投票する
1 に答える
18 参照

html - このドロップダウンが消えるのはなぜですか?

私はこのかなり単純なドロップダウンに取り組んでいますが、最初のリンクを通過するとドロップダウンが消える理由がわかりませんか?

http://haizel.co.uk/wedding/

上で見ることができます。以下のCSS:

前もって感謝します。

0 投票する
2 に答える
263 参照

html - 既存の CSS メニューからドロップダウン メニューを作成する

ドロップダウンを使用して CSS メニューを作成しようとしていますが、[Informatie] タブの上にマウスを置いたときにメニューをドロップダウンさせることができず、[Informatie] の後にサブメニューが表示されます。もしかしたら、私のメニューを手伝ってくれる人もいるかもしれません。

0 投票する
12 に答える
35051 参照

ios - iOS の UITableView のドロップダウン リスト

ここに画像の説明を入力

iOSでこのタイプのテーブルビューを作成するには??

ここで、1行目の「アカウント」をタップすると、画像に表示されているいくつかの行が自動的にスクロールされます。もう一度アカウントをタップすると、そのビューは非表示になります。

0 投票する
1 に答える
1891 参照

angular-ui-bootstrap - ドロップダウン コンテンツに ng-if を追加すると、UI-Bootsrap ドロップダウンが機能しなくなる

私は ui-boosttrap ドロップダウン ディレクティブを使用しており、独自の ng-if を追加して、場合によっては表示されないようにしたいと考えています。この ng-if を追加すると、常に「true」が返される場合でも、ドロップダウンが機能しなくなります (ポップアップしません)。ドロップダウン ボタンが ng-click イベントの受信を停止したようです (したがって、isOpen 状態は変更されません..)。

HTML:

JS:

問題を再現するプランカーは次のとおりです。 http://plnkr.co/edit/8K9MUsDfFcjyiZvFdv5x?p=preview

何か案は?