問題タブ [optgroup]

HTML select<option>タグをループして別の形式で出力する jQuery プラグインを作成しています。
オプションをループするとき、オプションと s の間の関係も維持したいと思います<optgroup>。PHP の専門家である私は、多次元連想配列が答えになると考えていました。だから、このようなもの：

...次のようになります。

またはでこれは可能ですjavascriptかjQuery?

私たちは米国とカナダで事業を行っているため、登録フォームには、米国の州とカナダの州を分離するための optgroups を持つ選択があります。2 つの文字コードを使用してデータベースに保存します。顧客情報を編集したい場合、登録フォームと同じオプションを利用できるようにしたい。ただし、州または州を値で見つけて、選択済みとしてマークすることはできないようです。

選択の例を次に示します。

値または序数でオプションを見つけようとするなど、多くの解決策を試しましたが、何も機能しないようです。

私の質問は簡単ですが、それを行う明確な例は見つかりませんでした。select に optgroup を追加し、jquery を使用してオプションを入力しようとしていますが、何らかの理由で機能しません。これは私のコードです:

どんな助けでも大歓迎です！ありがとう！

ストラットの選択ボックスにいくつかのオプトグループを動的に入力しようとしています。目的は、選択ボックスコントロールを駆動するマップ内の重複する名前を独自のオプショングループにグループ化することです。

たとえば、私には3つの会社があります。

• ホームデポ
• マクドナルド
• ウォルマート

私のデータベースには、複数の場所があります。

• ホームデポ
  -38393サムストリート
  -3839エルムストリート
• マクドナルド
  -38393ストリートアベニュー
  -38333テストストリート
  -393339このストリート
• ウォルマート
  -3939ストリートアベニュー

オプショングループを使用してドロップダウンにグループ化するだけです（複数のアドレスがある場合のみ、それ以外の場合はドロップダウンに通常どおり表示します）-おそらく私が見つけたこの例に似ています。以下のようなことをしたいのですが、optgroupをオプションにリンクする必要があります。

私は実際に上記のコードを実装していませんが、私の問題に関連する例の問題は、地域と州がリンクされているように見えないことだと思います。

私は次のことを行っています：-optgroupのlabel属性を設定する複製（名前）のリスト、および-個々のアイテムの適切な値（ドロップダウン値）と各アイテムのアドレス（ユーザー）

私が達成しようとしていることが可能かどうかはわかりませんが、それはかなり簡単なはずです。ちょっとした方向性が必要で、パズルのほんの一部が欠けていることを願っています。

よろしくお願いします！

それはこのように見えるはずです、私は思います：

• -選択する
  • optgroup 1
    • オプション
    • オプション
      -optgroup2
    • オプション
    • オプション
    • オプション
      -optgroup3
    • オプション
    • オプション

編集との混乱をお詫び申し上げます。私の理解では、選択ボックス内のoptgroupは、重複した名前（McDonald's、Home Depot、Wal Mart）のリストになります。各optgroup内の各オプションは、その特定の名前に関連付けられます。したがって、たとえば、マクドナルドのoptgroupには、複数のオプションを関連付けることができます。

さて、私は会社のクラスを持っているとしましょう。このクラスには、id、name、addressの3つのプロパティがあります。レンダリングされた選択ボックスがどのように表示されるかを次に示します。

• 一意の各会社（会社1と会社2）のIDと会社名が記載されたマップがあります。これは、s：selectタグのlist属性を介して入力されます。
• 各optgroupのoptgrouplabel属性を設定するために、複製される各アイテム（company3およびcompany4）の会社名のリストが必要になると思います。私の仮定では、リスト内の各アイテムはマップの1つに対応している必要があります。これには、複数のoptgroupを動的に作成するためのイテレータが必要になります
• また、複製される各アイテム（会社3と会社4）のIDと会社の住所が記載された別のマップが必要になることも予想されます。これには、各optgroup内に複数のオプションを動的に作成するイテレーターも必要になります。

おそらく、私が伝えるのに苦労しているのは、実際に3ビットのデータを処理する必要があるということです。そのため、マップを使用するだけでうまくいくかどうかはわかりません。私が言ったように、私がこのパズルのピースを見逃しているか、私の想定したデザインに欠陥がある可能性が非常に高いです。

ul リストから選択した opt グループを生成し、それを置き換えるスクリプトがあります。関数を変更して、選択リストを生成するが、ul リストを置き換えないようにしたいと考えています。UL は次のとおりです。

そしてJS：

私はjsの経験があまりありませんが、削除することを考えました

トリックを行いますが、そうではありません。これが実際の例です: http://jsfiddle.net/XvruF/

モバイル デバイスでのナビゲーションに、optgroups を使用して select を使用しています。optgroup のラベルを使用してそれが属するセクションを示し、次にオプション自体を使用してサブセクションを指定します。

問題は、私が遭遇するほとんどすべてのブラウザーで、選択がフォーカスされていないときに optgroup が表示されないことです。次のjQueryを書くことでこれを回避しました：

これは、iOS 以外のすべてで機能するようです。iOS では、選択を変更するための UI は、フォーカスで使用される新しいテキストを反映しません。Apple の UI の上にある実際の選択が変更されていることがわかりますが、UI はまったく変更されていません。

これを行う方法を知っている人はいますか？

ここでは、ぼやけているときに機能しています。

フォーカスされているときに機能しない (UI には、「Web」と表示されているはずなのに、まだ「Branding > Web」と表示されている):

これは絶対にバグであるに違いありません.下にスクロールしてからリストに戻ると、テキストが変更されます.奇妙な.

このネストされた配列があり、それをドロップダウンに変換したいのですが、出力ではオプションを含むコンボボックスが (配列、配列、配列) として表示されます

このように表示させたい

等々...

データベースから値をフェッチする次の変数があります。これらの変数は、階層リスト (形式) の親の値と同じ階層リストの子の値を格納しています。

上記は必ずしも重要ではありませんが、私のデータベースは次のようになっています。

論理的には、私の OBJECT ARRAYS には以下が含まれます。

アイデアは、ドロップダウン フォーム メニューにこれらのフォーマットを入力することです。親フォーマットは、その子を含む optgroup です。これまでのところ、次のことを達成しました。

上記の出力:

出力は次のようになります。

ここに私の質問があります: 1) 親の optgroup 内に子を表示するにはどうすればよいですか?

I am having a difficult time getting a select box populated with optgroups that then have a listing of records associated with the optgroup. The optgroups come from the array below:

From this I try to populate the select box with the keys matching the values in the database and each of the records that have that state key will be an option for that optgroup.

Here is my code:

As you can tell I am not getting anywhere with this code and I am stumped on how to solve this. Any help on understanding what I need to do so that the keys will match the states in the table and then populate optgroups with records associated with that key being an option underneath the approprate optgroup.

Thank you for help on this difficult subject for me.

ドロップダウンリストがあり、次のようにページに表示されます。

（JQueryで）Javascriptを使用してドロップダウン値を変更するにはどうすればよいですか？以前の例では、ドロップダウンのdropdown.optionsのリストを繰り返して目的の値を見つけ、それに基づいて選択インデックスを設定しましたが、そのオプションは、そこにあるoptgroupでは使用できません。