2016-01-02 63 views
0

真誠說我使用tag-it,當我把它添加值我得到這樣如何獲得li元素,並添加作爲選擇選項

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

我想補充的UL那些動態添加lioptionsselect。我發現一個例子jsFiddle 因爲我沒有在JS世界上任何的經驗,我已經改變了這種jsfiddle,但沒有得到結果,並且不添加li作爲選項,選擇任何幫助,請。

+2

你能提供的小提琴? – Rayon

+0

這裏的小提琴https://jsfiddle.net/LjomqhbL/,小提琴不含添加Li期權的邏輯! –

回答

0

U可以試試這個

<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> 
+1

都能跟得上這不起作用請檢查此琴https://jsfiddle.net/LjomqhbL/14/ –