如何获取li元素并添加为选择选项

Question

真诚的说，我正在使用tag-it ，当我在其中添加值时，我会得到这样的ul

<ul id="mytags" class="tagit ui-widget ui-widget-content ui-corner-all">
<li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable">
<span class="tagit-label">Android</span>
<a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a>
</li>
<li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable">
<span class="tagit-label">Java</span>
<a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a>
</li>
<li class="tagit-new"><input type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off"></li>
</ul>

我想将那些动态添加的li作为options添加到select 。 我已经找到了一个示例jsFiddle，因为我对JS世界没有任何经验，因此将其更改为该jsfiddle但没有得到结果，并且没有添加li作为选择任何帮助的选项。

Answer 1

你可以试试看

<select id="yourSelect"></select>

<script>
    var allItems = document.getElementById("mytags").children;
    var i = 0;
    var len = allItems.length;
    var element;

    for(; i<len; i++) {
        element = document.createElement("option");
        element.textContent = allItems[i].textContent.slice(1, -2);
        document.getElementById("yourSelect").appendChild(element)
    }
</script>