Bootstrap 如何获取引导选择选取器单击事件

wswtfjt7  于 2023-08-01  发布在  Bootstrap
关注(0)|答案(7)|浏览(190)

我使用 Bootstrap 选择选择器,我希望在下拉列表的点击事件,因为在此之后,我想通过 AJAX 附加一些动态选项,所以我想显示警报时,用户将点击下拉列表。我试过下面的代码,但它不工作。
HTML

<select id="new2">                                                              
   <option>Select Vendor</option>                                                         
</select>

字符串
脚本代码

$("select").on("click", function() {
  alert("hello");
});

b4qexyjb

b4qexyjb1#

这是bootstrap selects处理click事件的真实的解决方案:

$('#new2').on('show.bs.select', function() {
    //some code...
});

字符串

xeufq47z

xeufq47z2#

你必须使用onchange()函数来选择框:

$("select").on("change", function() {
   alert("hello");
});

字符串

4xrmg8kj

4xrmg8kj3#

您需要为select使用change()事件。

$("select").on("change", function() {
  alert("hello");
});

字符串
或者你可以做。

$("select").change(function() {
  alert("hello");
});

yi0zb3m4

yi0zb3m44#

你可以用class来做这件事。

$(".filter-option").on("click", function() {
  alert("hello");
});

字符串
WorkingFiddle

s4chpxco

s4chpxco5#

你可以做

$("select").on("change", function() {
      alert("hello");
    });

字符串

如果你想点击下拉菜单上的事件,那么你已经有了一个ID

$("#new2").on("click", function() {
          alert("hello");
        });

tvz2xvvm

tvz2xvvm6#

如果要捕获select函数,必须使用onchange函数

$("select").on("change", function() {
     alert("hello");
 });

字符串

y3bcpkx1

y3bcpkx17#

我想我们可以在bootstrap-select库中使用这个事件。

$('#mySelect').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
  // do something...
});

字符串
谢谢你,谢谢

相关问题