JQuery 获取文本连接名称

Question

这个问题已经有答案了:

how to find the latest selected item of a multiple select tag using jquery? (6 个回答)

已关闭 5 年前。

我不确定这里发生了什么，但我以前从未见过这种情况发生。

我正在尝试获取选项标签的innerHTML，但我返回的是所有选定的文本值，而不仅仅是刚刚选定的文本值。使用$(this).text()给我当前选择的所有选项:

Bill MunsonAmy HernaiAlex Antistic

如果我使用如下元素:$("#emp option:selected").text() ，这为我提供了当前选项，但是，如果我从选择中选择第二个名称，我不仅会看到当前选定的文本，还会看到上一次单击的名称。

我不知道这是否重要，但所有选项都是用 JQuery 动态附加的。

如何才能只获取当前选定的项目而不是一次性获取所有项目？

编辑:

$select.on('change', function(evt, params) {
  var name  = $("#emp option:selected").text();
  alert(name); // outputs concatenated string of names
}

<select id="emp" class="chosen-select" multiple></select>

Answer 1

您还可以使用以下代码获取多选元素中最后选择的选项文本:-

$(this).find("option:selected").last().text();

示例:-

$("#emp").on('change',function(){
  console.log($(this).find("option:selected").last().text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="emp" multiple>
  <option value="1">Bill</option>
  <option value="2">MunsonAmy</option>
  <option value="3">HernaiAlex</option>
  <option value="4">Antistic</option>
</select>