Question

＆＃13;

<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>

＆＃13;

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

我试过这个，但它不起作用。

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

任何建议都将不胜感激。

提前致谢。

Answer 1

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

由于select - 标记稍后会被替换（在onload事件之后），因此要保存，以便找到它＆＃34 ; 更好＆＃34;超时。
我将alert来电替换为config.info来电。

＆＃13;

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

＆＃13;

<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>

＆＃13;

btw。：详细信息可以找到in this Github，在 google -ing

时找到它

单击bootstrap选择实时搜索时打开警报

1 个答案: