如何在引导选择标签中获取价值答案

【问题标题】：How to get value in bootstrap select tag如何在引导选择标签中获取价值
【发布时间】：2017-05-10 06:52:31
【问题描述】：

这是我的代码，但我无法获取在 selectpicker 引导程序中选择的值。知道怎么做吗？

<select class="selectpicker form-group show-tick" id ="department"  data-live-search="true" data-width="100%" multiple title = "Select Restaurant/Store - ID" data-max-options="1">
             <?php
                    while ($rstorefrom = mysqli_fetch_array($resultstorefrom))
                    {
                        echo "<option value = " .$rstorefrom['department']. "data-tokens=" .$rstorefrom['department'].">" .$rstorefrom['department']. "</option>";

                        echo "<script>
                          $('#department').on('click',function() {
                          alert($(this).val());
                          console.log($(this).val());
                        </script>";
                    } 


              ?>
            </select>

【问题讨论】：

标签： jquery select bootstrap-selectpicker

【解决方案1】：

您必须使用诸如changed.bs.select 之类的库事件以获取更多信息； https://silviomoreto.github.io/bootstrap-select/options/

$("#department").on("changed.bs.select",function(){
  console.log($(this).val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css" rel="stylesheet"/>


<select class="selectpicker form-group show-tick" id ="department"  data-live-search="true" data-width="100%" multiple title = "Select Restaurant/Store - ID" data-max-options="1">
  <option value="1">Pizza</option>
    <option value="2">More Pizza</option>
      <option value="3">Big Pizza</option>
             </select>

【讨论】：