单击引导时打开警报，选择实时搜索

Question

 <select class="selectpicker form-control" data-live-search="true" name = "name1" id ="id1"> <option>Option1</option> <option>Option1</option> <option>Option1</option> <option>Option1</option> </select>

如何在单击引导程序选择实时搜索输入框时触发警报？

我尝试了一下，但是没有用。

$(this).closest('.bootstrap-select').find('.bs-searchbox input').on('click',function(){
    alert("live searching ..");
})

任何建议，将不胜感激。

提前致谢。

Answer 1

这可能是正确的解决方案（可能） ：

由于select - Tag稍后（在onload事件之后）替换，因此位于保存侧，因此可以在超时的情况下找到“ 更好 ”的标签。
我将alert呼叫替换为config.info呼叫。

 setTimeout(function(){ var newBox = $("#selectControl").get(0).parentNode; $(newBox).find("input").on("click",function(){ console.info("live searching .."); }); }, 1000);

 <body> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="https://silviomoreto.github.io/bootstrap-select/css/base.css"> <link rel="stylesheet" href="https://silviomoreto.github.io/bootstrap-select/css/custom.css"> <link rel="stylesheet" href="https://silviomoreto.github.io/bootstrap-select/dist/css/bootstrap-select.min.css"> <div class="container"> <div> <select class="selectpicker" data-live-search="true" id="selectControl"> <option data-tokens="Option 1">Option 1</option> <option data-tokens="Option 2">Option 2</option> <option data-tokens="Option 3">Option 3</option> <option data-tokens="Option 4">Option 4</option> </select> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <script src="https://getbootstrap.com/docs/4.1/assets/js/vendor/popper.min.js" > </script> <script src="https://getbootstrap.com/docs/4.1/dist/js/bootstrap.min.js" > </script> <script src="https://silviomoreto.github.io/bootstrap-select/dist/js/bootstrap-select.min.js"> </script> </body>

顺便说一句：可以在此Github中找到要控制的详细信息，可在google -ing时找到

单击引导时打开警报，选择实时搜索

问题描述

1 个解决方案

解决方案1
1 2018-05-25 09:04:38

单击引导时打开警报，选择实时搜索

问题描述

1 个解决方案

解决方案1 1 2018-05-25 09:04:38

解决方案1
1 2018-05-25 09:04:38