如何选择optgroup

时间:2013-10-07 01:40:38

标签: javascript html select optgroup

有没有办法选择optgroup

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

3 个答案:

答案 0 :(得分:1)

一个简单的

document.getElementById

应该足够了。请参阅我为你准备的JSFiddle

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

答案 1 :(得分:1)

不幸的是,在原生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

答案 2 :(得分:0)

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

它更像是一个标签,告诉我们下面的选项。或者就像一个标题。

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

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

其他方法是将值添加到每个选项,然后使用,分隔它们。但是没有选择optgroup的选项。它只是一种方法,可以对其下的选项进行分组,或者更像是标签。

我收到一条警告提示,我错过了一个观点,您是否要点击选择组并在其下选择一个值?我想这可能是条件!