如何使用jQuery Selectr获取所选值？

Question

我有一个使用此网站多选的插件： http://www.jqueryscript.net/form/Pretty-jQuery-Searchable-Multi-Select-Box-For-Bootstrap-selectr.html

但是，当我选择元素时，我在检索所选值时遇到了一些问题，因为插件添加了一个选定的类而不是selected属性。插件的渲染类似于下面的代码。

<select name="demo" id="multiple" multiple="" style="display: none;">
   <option data-selectr-color="rgb(0, 163, 0)" value="toto">toto</option>
   <option data-selectr-color="rgb(0, 163, 0)" value="Hermes"> Hermes </option>
   <option data-selectr-color="rgb(0, 163, 0)" value="test"> test </option>     
</select>

<ul class="list-group" style="max-height: 100px;">
   <li class="list-group-item undefined **selected**">
       <div class="color-code undefined" style="background-color: rgb(0, 163,        0);">/div>
       <div class="option-name" title=""> toto</div>
       <div class="add-remove undefined">×</div></li>
  <li class="list-group-item undefined">
       <div class="color-code undefined" style="background-color: rgb(0, 163, 0);"></div>
       <div class="option-name" title=""> Hermes </div>

$(document).ready(function () {
  function displayVals() {

  if($("li").hasClass("selected")){
    alert("selectionne")
  }
//$('div ul li[class="list-group-item selected"] div[class="option-name"]').text()
  var multipleValues = $('div ul li[class="list-group-item undefined selected"] div[class="option-name"]').text();
  $( "p" ).html(   " <b>Multiple:</b> " + multipleValues );
}
$("list-group-item undefined").change(function(){
    alert("tot");
});
displayVals();
});

当我点击时，我希望它调用多选的值并在控制台上获取所选的值。当我选择一个值时，它不会添加多个值。