如何选择 optgroup答案

【问题标题】：How to select optgroup如何选择 optgroup
【发布时间】：2013-10-07 11:20:49
【问题描述】：

有没有办法选择optgroup？

它似乎一直被禁用。我曾尝试搜索 javascript 解决方案，但找不到任何好的解决方案。

【问题讨论】：

你试过什么？您是否有禁用 optgroup 的示例，但不是整个选择？
我正在尝试找到一种方法来选择optgroup，它似乎已被禁用并且无法选择作为 HTML 的一部分。有没有办法用 Javascript 做到这一点？
您是否有任何代码表明 optgroup 是如何被禁用的？你使用的是什么浏览器？这听起来特定于浏览器
@JamesMohler 只是无法选择。我觉得这很正常但是我想选择它所以我不确定是否有任何javascript解决方案？
您是否尝试通过单击 optgroup 标题来选择 optgroup 中的每个项目？

【解决方案1】：

一个简单的

document.getElementById

应该足够了。看JSFiddle我为你准备的！

var optGroup = document.getElementById('myOptGroup')
optGroup.innerHTML = "<option value='saab'>Saab</option>"

【讨论】：

【解决方案2】：

不幸的是，在原生 HTML SELECT 元素中无法做到这一点。也无法在 SELECT 元素内设置选项样式，因此您不能只使用选项并使其中一些看起来像 optgroups。

您必须想出一个解决方法，使用 A 和 UL 元素的组合。这是使用以下 HTML 的基本方法：

<div>
    Select
    <ul>
        <li class = "group">
            <a href = "#">
                Foods
            </a>
        </li>
        <li class = "choice">
            <a href = "#">
                Hamburer
            </a>
        </li>
        <li class = "choice">
            <a href = "#">
                Hotdog
            </a>
        </li>
    </ul>
</div>

Fiddle here

【讨论】：

【解决方案3】：

你可以在这里举个例子：http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

它更像是一个标签，用来说明下面的选项。或者就像一个标题。

如果你想选择多个，那么你可以使用jQuery created select。我的意思是自定义的，或者您可以使用checkboxes 并将它们合并到一个列表中作为select 标签。

没有其他方法可以从一个选择元素中选择两个选项。每个选择必须有一个且只有一个值。

另一种方法是将值添加到每个选项，然后使用, 将它们分开。但是没有选择optgroup的选项，它只是一种将选项分组的方法，或者更像是它们的标签。

我收到一条警告提示我遗漏了一个点，您要单击 optgroup 并在其下选择一个值吗？我想这可能是条件！

【讨论】：

multiple 元素上的 multiple 属性允许您选择多个选项。
但他没有提到多个！ :( 他只是说标签被禁用了。
当然，我只是在评论 没有其他方法可以从一个选择元素中选择两个选项。每个选择必须有一个且只有一个值。 ;]
是的，因为在他的情况下只能有一个值，我也建议其他的东西，比如 jQuery！ :D