Javascript 如何使用jquery获取所选引导下拉项的值？

我有下面的引导下拉列表

我尝试进入console.log，用jquery记录所选下拉项的值。我可以使用下面的代码来console.log文本，但由于某些原因，当我将

.text（）

更改为

.val（）

时，我没有得到值/

$（'.dropdown item'）。单击（函数（）{
console.log（$（this.text（））；
});

选择日期
看起来我不得不使用下面的.attr方法。谢谢@KevynKlava的回答

$('.dropdown-item').click(function() {
  console.log( $(this).attr('value') );
});

看起来我必须使用下面的.attr方法。谢谢@KevynKlava的回答

$('.dropdown-item').click(function() {
  console.log( $(this).attr('value') );
});

使用数据属性作为解决方案。我拉小提琴

$('.dropdown-item').click(function() {
  console.log( $(this).data("id") );
});






<a class="dropdown-item"data-id="1" href="#" value="1">March 16 to 19 - CANCELLED</a>

$（'.dropdown item'）。单击（函数（）{
console.log（$（this.data（“id”））；
});
使用数据属性作为解决方案。我拉小提琴

$('.dropdown-item').click(function() {
  console.log( $(this).data("id") );
});






<a class="dropdown-item"data-id="1" href="#" value="1">March 16 to 19 - CANCELLED</a>

$（'.dropdown item'）。单击（函数（）{
console.log（$（this.data（“id”））；
});
您的aproach可能不是最好的。但这里是如何获得值的：console.log（$（this.attr（“value”））@KevynKlava成功了。谢谢您的HTML无效。锚点不能有值属性。尝试使用sata属性，而不是您的aproach可能不是最好的。但这里是如何获得值的：console.log（$（this.attr（“value”））@KevynKlava成功了。谢谢您的HTML无效。锚点不能有值属性。请改用sata属性