버튼없이 텍스트 상자에서 Jquery 자동 완성 표

Question

asp.net에서 찾은 Pluralsight 데모를 사용하여 자동 완성 텍스트 상자를 만들었습니다. 텍스트 상자에 정보를 입력하고 버튼을 누르지 않고 텍스트 상자 아래의 표에 자동 완성 제안을보고 싶습니다.

MVC3에 코드를 작성하고 MSSQL 2008 데이터베이스를 사용하고 있습니다.

나는 어떻게 든이 기능을 병합 할 필요가 있다고 생각,하지만 난 어떤 도움이 매우 이해할 수있을 것이다 방법

$(document).ready(function() { 
$(":input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ source: $(this).attr("data-autocomplete") }); 
}); 

$("searchForm").each(function() { 
    $.getJSON($(this).attr("action"), 
     $(this).serialize(), 
     function(data) { 
      var result = $("#searchTemplate").tmpl(data); 
      $("searchResults").empty() 
       .append(result); 
     } 
    ); 
    return false; 
}); }) 

모른다.

Answer 1

귀하의 질문은 명확하지 않습니다. 첫 번째 스크립트와 두 번째 스크립트 사이의 관계를 볼 수 없습니다. 두 번째 것은 틀림없이 <searchForm> 유효한 DOM 요소가 없으므로 언급하지 않아도됩니다. DOM 요소는 반복되는 것으로 보입니다.

자동 완성 텍스트 상자가 포함 된 양식을 선택하면 자동으로 검색을 수행하는 것처럼 보입니다. 이를 위해 당신은 select 이벤트를 사용할 수 있습니다 : 물론

$(":input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ 
     source: $(this).attr("data-autocomplete"), 
     select: function(event, ui) { 
      // a selection was made, here you could trigger the submission of the form 
      // as if a submit button was pressed 
      $(this).closest('form').trigger('submit'); 
     } 
    }); 
}); 

을 당신이 정기적으로 Html.BeginForm 대신 Ajax.BeginForm를 사용할 수있는 AJAX는 일반 포스트 백 대신에 제출 수행하려면이 양식을 원한다면.