在 bootstrap-select 中获取当前值

Question

我使用 e.target.value 从 bootstrap-select 检索当前选择的值，但它返回了第一个选择的值，即警报一直显示项目 1，当项目 1 和项目 2 被选中时，即使项目 2 是最近的选择。

如何获取最近选择的值，以及如何获取选择了多少个选项？

    <select multiple class="selectpicker" multiple data-selected-text-format="count > 1">
    <option value="item 1">Item 1</option>
    <option value="item 2">Item 2</option>
    <option value="item 3">Item 3</option>
    <option value="item 4">Item 4</option>
    <option value="item 5">Item 5</option>

 $('.selectpicker').change(function (e) {
    alert(e.target.value);
});

原文由 Gene9y 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我认为这样的答案可能更容易理解：

 $('#empid').on('click',function() {
  alert($(this).val());
  console.log($(this).val());
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<select id="empid" name="empname" multiple="multiple">
  <option value="0">item0</option>
  <option value="1">item1</option>
  <option value="2">item2</option>
  <option value="3">item3</option>
  <option value="4">item4</option>
</select>
<br />
Hold CTRL / CMD for selecting multiple fields

如果在列表中选择“item1”和“item2”，输出将为“1,2”。

原文由 Mirza Obaid 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

而不是 e.target.value ，你可以使用 $(this).find("option:selected").text();

  $('.selectpicker').change(function () {
        var selectedItem = $('.selectpicker').val();
        alert(selectedItem);
    });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>

<select class="selectpicker" multiple data-selected-text-format="count > 1">
	<option value="1">Item 1</option>
	<option value="2">Item 2</option>
	<option value="3">Item 3</option>
	<option value="4">Item 4</option>
	<option value="5">Item 5</option>
</select>

原文由 kritikaTalwar 发布，翻译遵循 CC BY-SA 4.0 许可协议