从 javascript 中选择 liststyle答案

【问题标题】：Choose liststyle from javascript从 javascript 中选择 liststyle
【发布时间】：2015-11-23 17:14:19
【问题描述】：

我的代码：

<div class="chosen-drop">
    <div class="chosen-search">
        <input type="text" autocomplete="off">
    </div>
    <ul class="chosen-results">
        <li class="active-result result-selected" style="" data-option-array-index="0">Kategori</li>
        <li class="active-result level-0" style="" data-option-array-index="1">Action och sport</li>
        <li class="active-result level-0" style="" data-option-array-index="2">Festlokaler och övernattning</li>
        <li class="active-result level-0" style="" data-option-array-index="3">Företagsaktiviteter</li>
        <li class="active-result level-1" style="" data-option-array-index="4">&nbsp;&nbsp;&nbsp;Kick off</li>
        <li class="active-result level-0" style="" data-option-array-index="5">Mat och dryck</li>
        <li class="active-result level-0" style="" data-option-array-index="6">Övrigt</li>
        <li class="active-result level-0" style="" data-option-array-index="7">Spa och relax</li>
        <li class="active-result level-0" style="" data-option-array-index="8">Underhållning</li>
    </ul>
</div>

这些是可以选择“结果选择”的任何javascript代码吗？我知道该怎么做，但出于响应原因，我需要这样做。

【问题讨论】：

“选择”是什么意思？你试过什么？
我的意思是一个可以选择一个选项的javascript，但是对于liststyle。喜欢jsfiddle.net/vf9o35uv
如果这是一个自定义选择/下拉列表，我建议您添加样式/css，使其看起来像一个。这只是一个Unordered List 和一组List Items。

标签： javascript css select html-lists options

【解决方案1】：

var result = document.getElementsByClassName('result-selected')[0];

这会返回一个HTMLCollection，它有点像一个标准数组，所以这只有在类result-selected 中只有一个元素时才有效。

【讨论】：