單擊引導時打開警報，選擇實時搜索

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