Chosen jquery plugin - 获取多选的选中文本/标签（不是值）

Question

我有一个 chosen 多select 框如下

无论 selected 有多少项，我只想获取当前（单个）selected 标签。
我发现 params.selected 可以得到 selected 值，但是我需要的是 selected 标签。

我也不能使用 $("#purposes option:selected").text() 因为它有多个 selected 标签，

$("#purposes").chosen().on("change", function(event, params) {
  console.log(params.selected); //this works for value only
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>


<select class="chosen-select" id="purposes" multiple data-placeholder="Purposes">
  <option value="1">Massaging</option>
  <option value="2">Downloading</option>
  <option value="3">Research</option>
  <option value="4">Travel arrangements</option>
  <option value="8">Banking</option>
  <option value="9">OTHERS</option>
</select>

Answer 1

您可以通过 .text()

找到具有所选值的选项并获取其标签

$(this).find(`option[value=${params.selected}]`).text()

$("#purposes").chosen().on("change", function(event, params) {
  console.log($(this).find(`option[value=${params.selected}]`).text())
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<select class="chosen-select" id="purposes" multiple data-placeholder="Purposes">
  <option value="1">Massaging</option>
  <option value="2">Downloading</option>
  <option value="3">Research</option>
  <option value="4">Travel arrangements</option>
  <option value="8">Banking</option>
  <option value="9">OTHERS</option>
</select>

Chosen jquery plugin - 获取多选的选中文本/标签（不是值）

Chosen jquery plugin - Get the selected text/ label (not value) of multiple selection

javascript

jquery

jquery-chosen