Открыть оповещение по клику на загрузчике, выбрать живой поиск - PullRequest
Новая
       2

Открыть оповещение по клику на загрузчике, выбрать живой поиск

0 голосов
/ 25 мая 2018 

<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 ..");
})

Будем благодарны за любые предложения.

Заранее спасибо.

1 Ответ

0 голосов
/ 25 мая 2018

Вот, вероятно, правильное решение (возможно) :

Поскольку тег select - заменяется позже (после события 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>

btw.: подробностей для управления Вы можете найти в этом Github , нашел его, пока Google -ную

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...