從select中選擇所有選項並顯示每個選項

Question

當用戶點擊「全選」時，我需要在選擇框下的單個「li」中顯示所有選項。我覺得我錯過了簡單的事情。這是我到目前爲止有：https://jsfiddle.net/m5adns2y/2/

enter code here 

正如你所看到的，當你按下按鈕，每一個結果是「[對象HTMLOptionElement]」。我需要文字。

將onTeam [i]更改爲onTeam.text（）[i]也無濟於事。

任何人有任何建議嗎？

Answer 1

您需要使用JQuery提供.html()方法。或DOM Element

變化.innerHTML財產

onTeam[i] 

要

$(onTeam[i]).html() 

或

onTeam[i].innerHTML 

例子：https://jsfiddle.net/m5adns2y/4/

Answer 2

試試這個。這是非常簡單和直接的jQuery解決方案。

$('#selectAllTeamMembers').click(function() { 

    $(".add-team-member option").each(function(index) 
    { 
    if(index == 0) 
    return; 
    $('.assigned-users-list').append('<li><div class="tag-list-item"><span>' + $(this).text() + '</span> <i class="fa fa-times-circle" data-idx="' + index + '"></i></div></li>'); 
    }); 

    $(this).prop("disabled",true); 
    }); 

工作例如：https://jsfiddle.net/DinoMyte/m5adns2y/7/