Bootstrap выбрать - получить выбранное значение

Question

Ref: https://silviomoreto.github.io/bootstrap-select/options/

Im используя выше на моей странице, чтобы мой пользователю выбрать несколько значений. Однако я хочу просто отобразить текст выбранного значения, но это либо невозможно, либо я делаю все это неправильно? я получаю все значения и хочу «выбранное» значения Как я хочу, чтобы отобразить результат пользователя позже ...

<div class="form-group"><label class="col-lg-2 control-label">Service(s):</label> 
    <div class="col-lg-9"> 
    <select class="selectpicker" multiple title="Select from the following..." data-width="100%" id="serviceList"> 
    </select></div></div> 

    <script> 
    var services = [{"value":"3e197221-e48b-44b8-a2aa-2054638f3bbc","label":"Service1","price":30.000000},{"value":"cd909812-ff6e-484b-96e3-c344ba20e140","label":"Service2","price":10.000000}]; 
    $('.selectpicker').on('changed.bs.select', function (e, clickedIndex, newValue, oldValue) { 
      var v = $(".selectpicker option:selected").val(); 
      var result =[]; 
      for (var i = 0; i < services.length; i++){ 
       // look for the entry with a matching value 
       if (services[i].value === v) { 
        result.push(services[i].label); 
        console.log(services[i].label); 
       } 
      } 
      for (i = 0; i < result; i++) { 
       console.log(result[i]); 
      } 

     }); 
    </script> 

Answer 1

Это работало, кажется долго наматывается.

var selectedServices =[]; 
$('.selectpicker').on('changed.bs.select', function (e, clickedIndex, newValue, oldValue) { 



     for (var key in services) { 
      if (key == clickedIndex) { 
       console.log(key + ' is ' + services[key]); 
       selectedServices.push(services[key].label); 
       console.log(services[key].label); 
      } 

     } 

Answer 2

Вы хотите «выщипывать» все метки из массива выбранных параметров.

$('.selectpicker').on('changed.bs.select', function() { 

    selectedServices = $.map($(this).find("option:selected"), function(o) { return o["label"]; }); 

}