Question

我有一个下拉菜单列表的内联样式。我不知道如何点击＆＃39;点击＆＃39;使用jQuery。

＆＃13;

<button class="btn btn-primary mw" data-toggle="dropdown"><span class="caret">Subject</span></button>
  
  <div class="dropdown-menu">

     <a class="dropdown-item Business" onclick="selectBusiness()"> Business</a>
     <a class="dropdown-item ICT" onclick="selectICT()"> ICT</a>
     <a class="dropdown-item Arts" onclick="selectArts()"> Arts</a>

  </div>

＆＃13;

更多信息：

我尝试按下按钮代码执行此操作并且它正常工作。但正如我所说，我不知道如何让它适用于下拉菜单。

＆＃13;

var btn = document.querySelector("button.selectAll");
btn.addEventListener("click", selectAll);
....

＆＃13;

非常感谢您的意见！

Answer 1

如果你想使用jQuery，你可以在你的下拉列表中的每个<a>的类中添加监听器。

$(".Business").on('click', function() {
//selectBusiness() or your code here
});

$(".Arts").on('click', function() {
//selectarts() or your code here
});

$(".ICT").on('click', function() {
//selectICT() or your code here
});

另一个解决方案是为所有下拉项添加一个侦听器，然后检查所选项的内容。

$(".dropdown-item").on('click', function() {
    switch ($(this).text()) {
        case "Business": 
        selectBusiness();
        break;


    }

});

转入内联OnClick以单击Jquery

1 个答案: