2016-08-29 8 views
-2

これで、ユーザーが検索ボックスに入力した後、jqueryイベントを発生させたいと思います。searchboxユーザー入力後にイベントを発生させる

検索ボックス:検索ボックスの火災でユーザーの種類このjQueryの

<div class="input-group">  
    <input type="search" class="form-control ui-autocomplete-input searchField-active ui-autocomplete-loading" placeholder="Sök på Dustin" name="filter.query" accesskey="s" autocomplete="off" id="searchBox"> 
    <span class="input-group-btn"> 
     <button type="search" name="search" id="searchTrigger" class="btn btn-default"> 
      <span class="icon-search"></span> 
     </button> 
    </span> 
</div> 

$(".hidden").removeClass('hidden'); 
+0

デモ[この(https://jsfiddle.net/mmushtaq/ekhT4/2347/)および[この(https://jsfiddle.net/mmushtaq/5Assc/897/) – mmushtaq

答えて

1

あなたは

<input type="search" class="form-control ui-autocomplete-input searchField-active ui-autocomplete-loading" placeholder="Sök på Dustin" onkeyup="RemoveClass()" name="filter.query" accesskey="s" autocomplete="off" id="searchBox"> 

<script> 
    function RemoveClass() { 
     $(".hidden").removeClass('hidden'); 
    } 
</script> 
関数を呼び出すために onchangeまたは onkeyupイベントを使用することができます
1

以下のコードは、ユーザーが検索ボックスに入力するたびに操作を実行します。

$("#searchBox).on({ 
    input :function() { 

       $(".hidden").removeClass('hidden'); 

      } 
}); 
関連する問題