меню Выпадающее с входом внутри

Question

я хочу создать выпадающее меню объединить ввод внутри, как мой образ, я использую самозагрузки

<i> 
<div class="btn-group dropdown" dropdown > 
      <button type="button" class="btn btn-default" dropdown-toggle> 
      Dropdown 
      <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu" id="buttonuser" role="menu"> 
      <li> 
       <p>Add to</p> 
       <input type="text" id="findUser" class="form-control"> 
      </li> 
      <li><a href>Dropdown link</a></li> 
      <li><a href>Dropdown link</a></li> 
      <li><a href>Dropdown link</a></li> 
      <li>Remove</li> 
      </ul> 
     </div> 
</i> 

, но когда я нажимаю на входе, выпадающее меню скрыть все, я не хочу этого, пожалуйста скажите мне, как я сделать

Answer 1

Попробуйте поставить этот сценарий до конца тела или где у вас есть JS

<script type="text/javascript"> 
    $('.dropdown-menu input, .dropdown-menu label').click(function(e) { 
     e.stopPropagation(); 
    }); 
</script> 

Answer 2

<script type="text/javascript"> 
$('#findUser').click(function(e) { 
     e.stopPropagation(); 
    }); 
</script> 

Answer 3

Official documentation должно помочь вам

Answer 4

Просто добавьте это:

$('.dropdown-menu li').click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 5

Если вы используете загрузочный 3.3.5 это работает по умолчанию.