引导选择 - 获取选定的值答案

【问题标题】：Bootstrap select - Get selected Value引导选择 - 获取选定的值
【发布时间】：2016-10-03 17:26:28
【问题描述】：

参考：https://silviomoreto.github.io/bootstrap-select/options/

我在我的页面上使用上述内容来允许我的用户选择多个值。但是我想简单地显示所选值的文本，但这要么是不可能的，要么我做错了？我得到所有值并想要“选定”值因为我想稍后向用户显示结果...

<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>

【问题讨论】：

标签： jquery bootstrap-select

【解决方案1】：

您想从所选选项数组中“提取”所有标签。

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

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

}

【讨论】：

【解决方案2】：

这行得通，似乎啰嗦了。

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);
            }

        }

【讨论】：