Javascript 对于这种类型的下拉菜单，我应该使用什么jquery事件

我正在做一个项目（后端），前端程序员编写了这样的下拉代码

<div class="drop-wrap drop-wrap-s-4 color-4 list-sort order-drop">
    <div class="drop">
        <b>Sort by price</b>
        <a href="#" class="drop-list"><i class="fa fa-angle-down"></i></a>
       <span>
         <a href="#" class="order">Cheapest</a>
         <a href="#" class="order">Most Expensive</a>
       </span>
     </div>
</div>

还有这个

$(".order-drop").onchange(function () {
        var order= $("a.order").val();
});

---

因为它不是一个常规的下拉/选择元素，所以不会有任何更改事件

要获取所选项目的文本，请向链接元素添加事件处理程序，如下所示

$(".order-drop .order").on("click", function() {

    // here you can get the text of the selected item...
    console.log(this.textContent);

});

---

这将把click处理程序附加到具有类

order

的任何元素中具有类

order-drop

的每个元素。这可能适用，也可能不适用，取决于页面上的其他内容。符合该选择器的任何其他元素也将成为此代码的目标，因此请注意。

因为它不是常规的下拉/选择元素，所以不会有任何更改事件

要获取所选项目的文本，请向链接元素添加事件处理程序，如下所示

$(".order-drop .order").on("click", function() {

    // here you can get the text of the selected item...
    console.log(this.textContent);

});

---

这将把click处理程序附加到具有类

order

的任何元素中具有类

order-drop

的每个元素。这可能适用，也可能不适用，取决于页面上的其他内容。符合该选择器的任何其他元素也将成为此代码的目标，请注意。

这不是下拉列表，它可能看起来像前端的下拉列表，但不是下拉列表。div没有onchange或onselect事件，它们只有鼠标和键盘事件。您需要的是一个不是下拉列表的选择元素，它可能看起来像前端的下拉列表，但不是下拉列表。div没有onchange或onselect事件，它们只有鼠标和键盘事件。您需要的是一个select元素