jquery搜索輸入自動完成

Question

我有一些JQuery，它工作正常。它加載所有的自動完成值，點擊它們後，它們加載執行所有搜索的searchdata.php。這工作。

我無法弄清楚的是，如果用戶決定他們不想選擇自動完成值並按回車鍵，我該如何獲取它以執行searchdata.php中的值搜索時輸入沒有重新加載頁面？我嘗試過綁定和生活，不能讓它工作。

<script type="text/javascript"> 
$(document).ready(function() { 

var availableTags = <?php echo json_encode($findrow);?>; 

    $("#search_input").watermark("Begin Typing to Search"); 
    $('#searchresultdata').append(sendSelected); 

    $("#search_input").autocomplete({ 
     source: availableTags, 
     select: function(event, ui) { 
      sendSelected(ui.item.value); 
      } 
     }); 

function sendSelected(_val){ 
    var search_input = _val; 
    if (search_input =='') search_input ='*'; 
    var dataString = 'keyword='+search_input; 

    if (search_input.length > 2 || search_input=='*') { 
     $.ajax({ 
      type: "GET", 
      url: "core/functions/searchdata.php", 
      data: dataString, 
      success: function(server_response) { 
       $('#searchresultdata').empty(); 
       $('#searchresultdata').append(server_response); 
       $('span#category_title').html(search_input); 
      } 
     }); 
    } 
} 
}); 
</script> 

Answer 1

$("#search_input").keypress(function(e) { 
    if(e.keyCode == 13) 
    { 
     e.preventDefault(); 
     sendSelected(this.value); 
     $(this).autocomplete('close'); 
    } 
}); 

Answer 2

您可以在動作用event.preventDefault()，它不會提交頁面，你只需要一定要開啓和關閉玩弄它，當你需要

http://api.jquery.com/event.preventDefault/

Answer 3

$("#search_input").on('keyup', function(event) { 
    if(event.which == 13) // event.which detect the code for keypress in jQuery 
    { 
     event.preventDefault(); 
     sendSelected(this.value); 
    } 
});