Question

我使用以下代码

进行了基本html下拉列表

<select id="logged_headerdropdown">
    <option>Choose Product</option>

    <option value="Add Product" label="Add Product">Add Product</option>

    <option value="Oranges" label="Oranges">Oranges</option>

    <option value="Tomatoes" label="Tomatoes">Tomatoes</option>
</select>

然后我应用了flat-ui style.I添加了URL作为参考

<div class="col-md-21 col-sm-10 summaryHeaderLabel" id="joy_second" data-intro="2. Choose a quality deterioration model" data-position="bottom">
            <div class="row" id="headerdropdown_wrapper" data-pattern="currentSelect">
                <select name="primary" class="select-block max " id="logged_headerdropdown" style="display: none;">
    <option>Choose Product</option>

    <option value="Add Product" label="Add Product">Add Product</option>

    <option value="Oranges" label="Oranges">Oranges</option>

    <option value="Tomatoes" label="Tomatoes">Tomatoes</option>

</select><div class="btn-group select select-block max"><button class="btn dropdown-toggle clearfix btn-primary" data-toggle="dropdown" id="logged_headerdropdown"><span class="filter-option pull-left">Choose Product</span>&nbsp;<span class="caret"></span></button><span class="dropdown-arrow dropdown-arrow-primary"></span><ul class="dropdown-menu dropdown-primary" role="menu" style="max-height: 220px; overflow-y: auto; min-height: 0px;"><li rel="0" class="selected"><a tabindex="-1" href="#" class=""><span class="pull-left">Choose Product</span></a></li><li rel="1"><a tabindex="-1" href="#" class=""><span class="pull-left">Add Product</span></a></li><li rel="2"><a tabindex="-1" href="#" class=""><span class="pull-left">Oranges</span></a></li><li rel="3"><a tabindex="-1" href="#" class=""><span class="pull-left">Tomatoes</span></a></li></ul></div>                                        
            </div>

            <span class="label label-primary hide" id="summaryHeaderLabel"></span>

        </div>

将样式应用于下拉列表后，我无法访问具有tagName a的第一个元素。

当我尝试提取所有元素（哪些元素具有tagName a）时，我得到htmlcollection格式的列表。从这种格式，我无法提取第二个列表中的元素。

关于这一点，我最终发现它htmlcollection未从Array中提取，因此它不支持Array相应的功能。

我如何解决此问题。任何人都可以帮助我。

如何从htmlcollection中提取特定元素

0 个答案: