Jquery ajax 자동 완성 문제

Question

조언을 제공하려는 경우 ajax 자동 완성 스크립트를 해결하는 데 초보자 문제가 있습니까?

내 양식에서 나는 사용자가 선택한 다음 텍스트 상자를 표시하는 이벤트 유형 (드롭 다운 상자)을 선택하기를 원합니다. 이 텍스트 상자는 사용자가 타이핑을 시작할 때 자동 완성 기능을 제공합니다. 옵션은 선택한 이벤트 유형에 따라 AJAX를 통해 생성됩니다.

나는 자동 완성과 일부 기본 jquery를 수행하여 선택된 이벤트 유형의 값을 식별하기 위해 http://pengoworks.com/workshop/jquery/autocomplete.htm의 조합을 사용하고 있습니다.

아래 코드에서 문제는 변수 'caturl'로 설정된 선택된 이벤트 유형 값을 'extraParams : {cat : 4}'에 전달하여 동적으로 선택된 이벤트 유형으로 4를 바꾸는 것입니다. 어떤 도움이라도 크게 받게 될 것입니다. 당신의 선택 목록의 change 이벤트에

$('#select').change(function() { 
      $('.eventtype').hide();    
      $('#eventtype' + $(this).find('option:selected').attr('id')).show(); 
      caturl = $('#select :selected').val();    
     }); 

     $("#CityAjax").autocomplete(  
     'caturl.php', 
     { 
      delay:10, 
      minChars:2, 
      matchSubset:1, 
      matchContains:1, 
      cacheLength:10, 
      onItemSelect:selectItem, 
      onFindValue:findValue, 
      formatItem:formatItem, 
      extraParams:{cat:4}, 
      autoFill:true 
     }); 

Answer 1

, 당신은 자동 완성 객체에 setOptions()를 호출 할 수 있습니다. setOptions()가 자동 완성 위젯을 다시 구성하고에서 설정 한 옵션을 무시합니다. document.ready()