问题标签 [optgroup]

我正在制作一个 jQuery 插件，它遍历 html 选择<option>标签并以不同的格式输出它们。
在遍历选项时，我还想保持它们与<optgroup>s. 作为一个 PHP 人，我认为多维关联数组就是答案。所以是这样的：

...会变成这样：

这可能在javascriptor中jQuery吗？

我们在美国和加拿大开展业务，因此在注册表中，我有一个选择，其中包含将美国各州与加拿大各省区分开来的 optgroup。我使用这两个字符代码并将它们存储在数据库中。当我想编辑客户信息时，我想要与注册表相同的选项；但是，我似乎无法通过值找到州或省，然后将其标记为选中。

下面是一个选择示例：

我尝试了许多解决方案，例如尝试按值或按序数找到选项，但似乎没有任何效果。

我的问题很简单，但我没有找到一个明确的例子。我正在尝试为选择添加 optgroup 并使用 jquery 填充选项，但由于某种原因它不起作用。这是我的代码：

任何帮助将不胜感激！谢谢！

我正在尝试为我在 struts 中的选择框动态填充一些 optgroup。目的是将映射中驱动选择框控件的任何重复名称分组到它们自己的选项组中。

例如，我有 3 家公司：

• 家得宝
• 麦当劳
• 沃尔玛

在我的数据库中，我有多个位置：

• 家得宝
  -38393 Some Street
  -3839 Elm Street
• 麦当劳
  -38393 Street Ave
  -38333 Test Street
  -393339 This Street
• 沃尔玛
  -3939 Street Ave

我只是希望它们使用选项组在我的下拉列表中分组（仅当有多个地址时，否则我希望它们在下拉列表中正常显示） - 可能类似于我发现的这个示例。我想做一些类似于下面的事情，但是 optgroup 必须以某种方式链接到选项。：

我实际上并没有实现上面的代码，但我认为与我的问题相关的示例的问题在于，地区和州似乎没有关联。

我有： - 我的重复项（名称）列表，它将填充 optgroup 的标签属性，以及 - 包含每个单独项目的适当值（下拉值）和每个项目的地址（显示到用户）

我不确定我想要实现的目标是否可能，但它似乎应该非常简单。我希望我只需要一个小方向，而我只是缺少一小块拼图。

提前感谢您的所有帮助！

它应该看起来像这样，我认为：

• -选择
  • 选择组 1
    • 选项
    • 选项
      -optgroup 2
    • 选项
    • 选项
    • 选项
      -optgroup 3
    • 选项
    • 选项

很抱歉对编辑造成的所有混淆。据我了解，选择框中的 optgroup 将是重复名称的列表（麦当劳、家得宝、沃尔玛）。每个 optgroup 中的每个选项都将与该特定名称相关联。例如，麦当劳的 optgroup 可能有多个与之关联的选项。

好的，假设我有一个公司课程。该类有 3 个属性：id、name 和 address。这是我期望渲染的选择框的外观：

• 我有一张地图，其中包含每个唯一公司（公司 1 和公司 2）的 ID 和公司名称。通过 s:select 标记的 list 属性填充。
• 我希望我需要一个重复的每个项目（公司 3 和公司 4）的公司名称列表，以便为每个 optgroup 填充 optgroup 标签属性。我的假设是列表中的每个项目都需要对应于其中一张地图。这将需要一个迭代器来动态创建多个 optgroup
• 我还希望我需要一个不同的地图，其中包含每个重复项目的 ID 和公司地址（公司 3 和公司 4）。这还需要一个迭代器在每个 optgroup 中动态创建多个选项。

也许我难以传达的事情是实际上我需要处理 3 位数据，所以我不确定仅使用地图就可以。就像我说的那样，我很可能错过了这个难题的一部分，或者我假设的设计有缺陷。

我有一个脚本，它从 ul 列表中生成一个 opt 组选择，然后替换它。我想更改函数以生成选择列表但不替换 ul 列表。这是UL：

和 JS：

我对 js 不是很有经验，但是我想删除

会做的伎俩，但它没有。这是一个活生生的例子：http: //jsfiddle.net/XvruF/

我正在使用带有 optgroups 的选择在移动设备上进行一些导航。我使用 optgroup 的标签来指示它所属的部分 - 然后使用选项本身来指定子部分。

The problem is that in pretty much every browser I come across doesn't show the optgroup when the select is not in focus. 我通过编写以下 jQuery 解决了这个问题：

这似乎适用于除 iOS 之外的所有应用程序。在 iOS 中，用于更改选择的 UI 不会反映用于焦点的新文本。我可以看到 Apple 用户界面上方的实际选择发生了变化——但他们的用户界面根本没有变化。

任何人都知道如何做到这一点？

模糊时它在这里工作：

并且在专注时无法工作（他们的 UI 应该只是说“Web”时仍然有“Branding > Web”）：

这绝对是一个错误 - 如果您向下滚动然后在列表中备份 - 然后文本会更改 - 奇怪。

我有这个嵌套数组，我想将其转换为下拉列表，但在输出时它只是向我显示带有选项的组合框（数组，数组，数组）

我希望它像这样显示

等等...

我有以下从我的数据库中获取值的变量。这些变量存储分层列表（格式）的父值和同一分层列表的子值：

虽然以上不一定重要，但以下是我的数据库如下所示：

所以从逻辑上讲，我的 OBJECT ARRAYS 包含：

这个想法是用这些格式填充下拉表单菜单，父格式是包含其子格式的 optgroup。到目前为止，我已经实现了以下目标：

上述输出：

输出应该是：

所以这是我的问题：1）如何让孩子出现在父 optgroup 中？

我很难得到一个填充了 optgroup 的选择框，然后有一个与 optgroup 关联的记录列表。optgroups 来自以下数组：

从这里我尝试使用与数据库中的值匹配的键填充选择框，并且每个具有该状态键的记录都将成为该选项组的一个选项。

这是我的代码：

正如你所知道的，我对这段代码没有任何帮助，我对如何解决这个问题感到困惑。任何有助于理解我需要做什么，以便键与表中的状态匹配，然后使用与该键关联的记录填充 optgroup，这是适当 optgroup 下的一个选项。

感谢您在这个困难的主题上为我提供的帮助。

我有一个下拉列表，它在页面上呈现如下：

如何使用 Javascript（使用 JQuery）来更改下拉值？在过去的情况下，我已经遍历了 dropdown.options 的下拉列表以找到我想要的值，然后根据该值设置选择索引——但是该选项对我来说不适用于那里的 optgroups。