Select2多个未使用jQuery获得html选择的选项

Question

我正在努力从select2多个下拉列表中获取所选选项的html。

这是我的案子。

1. 我有这个标准的select2倍数：

2. 现在，我更改用户的选择，但是在控制台中，它无法使用jQuery。从下拉列表中识别所选选项的代码是：

   。select2-results__option [aria-selected = true]

因此应该使用以下命令找到它：

var selected_users = $('.select2-results__options').find('li .select2-results__option[aria-selected=true]').html();
  $('.stakeholders_span').html(selected_users);
  console.log(selected_users);

控制台日志始终给出“未定义”。

任何人都可以帮助我：）？

谢谢！

Answer 1

问题是li之后的选择器中的空格，应该是

'li.select2-results__option[aria-selected=true]').html();
  $('.stakeholders_span'

$(document).ready(function() {
    $('.select2-results').select2();
    
    $('.select2-results').on("select2:open", function (e) {                   console.log("change"); 

      var selected_users = $('.select2-results__options').find('li.select2-results__option[aria-selected=true]').html();
      console.log(selected_users); 
    });
});

select{

width:100%;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>


<select class="select2-results" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
  <option value="MU">MUK</option>
  <option value="WY">Wyoming</option>
</select>