javascript - 如何选择 optgroup

Question

有没有办法选择optgroup？

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

Answer 1

一个简单的

document.getElementById

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

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

Answer 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>

在这里提琴

Answer 3

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

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

如果要选择多个，则可以使用jQuerycreated select。我的意思是自定义的，或者您可以checkboxes将它们作为select标签使用并合并到列表中。

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

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

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