如何获取bootstrap选择选择器点击事件

时间:2018-01-30 09:02:51

标签: javascript jquery html twitter-bootstrap

我正在使用bootstrap select picker,我希望点击该事件 下拉列表,因为在那之后,我想通过附加一些动态选项 ajax所以我想在用户点击下拉列表时显示警告。我有 尝试下面的代码,但它无法正常工作。

HTML

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

脚本代码

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

6 个答案:

答案 0 :(得分:2)

这是引导程序选择以处理点击事件的真正解决方案:

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

答案 1 :(得分:1)

您必须使用onchange()功能选择框:

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

答案 2 :(得分:0)

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

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

或者你也可以。

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

答案 3 :(得分:0)

如果要捕捉选择功能,则必须使用onchange功能

d6a413f4-059c-11e8-ba89-0ed5f89f718b

答案 4 :(得分:0)

您可以使用课程。

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

WorkingFiddle

答案 5 :(得分:0)

你可以做

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

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

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