jQuery UI - 다른 입력에서 선택한 옵션으로 소스 자동 완성

Question

jquery-ui.min.js의 자동 완성 스크립트를 사용하고 싶습니다. 그래서 코드에서 내가 가진 :

<select id="country"><option value="">Choice one</option> 
<option value="1">US</option> 
<option value="2">UK</option></select> 
<input type="text" id="city" > 

그리고 스크립트 :

<script> 
$(function() { 
    var US= ["City1", "City2", "City3"]; 
    var UK= ["UK_City1", "UK_City2", "UK_City3"]; 
    $("#city").autocomplete({ 
    source: US 
    }); 
}); 
</script> 

문제는 선택 ID = "나라"의 사용자에 따라 소스 선택한 텍스트를 변경하는 방법은? 다음 스크립트도 있습니다 : http://jsbin.com/adopo3/35/edit

Answer 1

가장 간단한 방법은 option method을 사용하여 소스를 변경하는 것입니다. 설명하기 위해 예제 코드를 수정했습니다 here.

또 다른 방법은 소스 옵션에 콜백 함수를 제공하는 것입니다. 보기를 참조하십시오. here