2010-01-05 3 views
3

필자는 오토 콤플리트 필드를 가지고 카테고리를 드롭 다운하여 추가하고 싶습니다.이 필드를 사용하면 더욱 쉽게 검색 할 수 있습니다. 이 드롭 다운에서 카테고리 ID를 누른 다음 검색 텍스트와 함께 내 서버 측 자동 완성 기능에 전달합니다.jQuery 여러 입력을 사용하여 자동 완성

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

데모 페이지가 여기에 있습니다 : : 나는 jQuery를 자동 완성 플러그인을 사용하고

는 여기에서 찾을 아마도이 이미 어떻게 든 데모에 설명되어

http://jquery.bassistance.de/autocomplete/demo/

,하지만 난 그냥 보지 않아. JSON에서 데이터를 가져 와서 여러 필드로 나눌 수 있습니다.

별로 중요하지 않지만 ASP.NET MVC도 사용하고 있습니다.

답변

3

자동 완성 플러그인의 첫 번째 매개 변수는 배열이나 URL이 될 수 있습니다. 카테고리 ID를 검색어 문자열 매개 변수로 자동 완성 기능에 제공하면됩니다.

var selectedCategory = $('.categories').val(); 
var query = ''; 
if (selectedCategory !== 0) 
{ 
    query = '?category=' + selectedCategory; 
} 
$("#suggest4").autocomplete('search_service.svc' + query, { 
    // options 
}); 

희망이 도움이됩니다.

0

이전 답변은 1/2 정확합니다. 문제는 .autocomplete()를 호출하면 url + 쿼리가 즉시 평가되므로 자동 완성이 호출 될 때 현재 선택된 카테고리 값이 항상 사용된다는 것입니다. 즉, 사용자가 다른 카테고리를 선택한 경우 새 값은 쿼리 명령 줄에 전달되지 않습니다.

url 대신 함수를 전달하고 위의 bendewey 예제와 유사한 코드를 사용하는 내 패치는이 블로그 항목을 참조하십시오.

jquery-autocomplete-other-fields

참고 : 여기 패치를 게시하려고하지만, 모든 엉망이되었다.

에릭

0

더 나은 솔루션은 PARAMS에 extraParams 콜백 함수를 추가입니다

extraParams: { 
    data: function(){ return new Date().getTime() } 
},