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

Select all option from select and display each option

本文关键字：选项 选择 显示      更新时间：2023-09-26

当用户点击"全选"时，我需要在选择框下的各个"li"中显示所有选项。我觉得我错过了一些简单的东西。这是我到目前为止所拥有的：https://jsfiddle.net/m5adns2y/2/

enter code here

如您所见，当您点击按钮时，每个结果都是"[对象 HTMLOptionElement]"。我需要文本。

将 onTeam[i] 更改为 onTeam.text（）[i] 也无济于事。

有人有什么建议吗？

你需要使用JQuery提供.html()方法。 或 DOM 元素.innerHTML属性

改变

onTeam[i]

自

$(onTeam[i]).html()

或

onTeam[i].innerHTML

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

试试这个。这是一个非常简单和直接的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/

相关文章：