Question

我正在使用Select2作为搜索下拉菜单，但是当我在列表中选择一个项目时，它会一直显示以前的值。

我初始化Select2下拉列表：

$(document).ready(function() {
  $(".ordersSelect").select2();
});

然后设置所有选项：

<select class="ordersSelect" style="width:75%;">
  <option value>Select a priority...</option>
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select>

所以我要说我从这段代码中选择1，我的控制台：

// when value is selected
$('.ordersSelect').on('select2:selecting', function(e) {
  var prioritySelection = $('.ordersSelect').select2('data')[0].text;
  console.log("DATA: " + prioritySelection);
});

将显示“DATA：选择优先级......”。如果我然后选择说'3'，控制台将显示“DATA：1”。

继续显示上一个选择的值。当我将“select2：choose”更改为“select2：selected”时，控制台消息就永远不会出现。

我在这里做错了什么..？

Answer 1

首先，你绝对应该使用select2:select 在选择结果之前触发select2:selecting。

$('select').on('select2:select', function (evt) {
  // Do something
});

其次，您可以从事件本身获取数据对象/值。检查evt.params.data属性。

Answer 2

使用它：

$('.ordersSelect').select2().on("change", function(e) {
  var obj = $(".ordersSelect").select2("data");
  console.log("change val=" + obj[0].id);  // 0 or 1 on change
});

如果有人知道更好的方法，我肯定会听到它。

选择2选择功能显示上一个值

2 个答案: