Question

当用户点击＆＃34;选择全部＆＃34;时，我需要在选择框下显示个别＆＃34; li＆＃34; s中的所有选项。我觉得我错过了一些简单的事情。以下是我目前的情况：https://jsfiddle.net/m5adns2y/2/

enter code here

如您所见，当您点击按钮时，每个结果都是＆＃34; [object HTMLOptionElement]＆＃34;。我需要文字。

将onTeam [i]更改为onTeam.text（）[i]也不会有任何帮助。

有人有任何建议吗？

Answer 1

试试这个。这是简单而直接的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/

Answer 2

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

的.innerHTML属性

更改

onTeam[i]

要

$(onTeam[i]).html()

或

onTeam[i].innerHTML

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

从选择中选择所有选项并显示每个选项

2 个答案: