Jquery : Autocomplete 위젯의 소스를 동적으로 변경할 수 있습니까?

Question

인사말,

공식 자동 완성 jquery 위젯을 사용하고 있으며 동적으로 변수 (selectType)를 변경하는 데 문제가 있습니다. 쿼리 문자열을 통해 전달하고 있습니다. 변수는 선택 상자를 통해 선택된 옵션에 따라 변경됩니다.

$(function() { 
var selectType = $('#selectType option:selected').attr("value");  


$("#selectType").change(function(){ 
    selectType = $('#selectType option:selected').attr("value"); 
    alert (selectType); // alerts the right value for debugging 
}); 

$("#address").autocomplete({ 
    source: "ajaxSearchForClientAddress.php?selectType="+selectType, 
    minLength: 3 
}); 
}); 

Answer 1

실제로 변경 이벤트에서 자동 완성의 source 옵션을 변경해보십시오.

$(function() { 
    var select = $("#selectType"), 
     options = select.find("option"), 
     address = $("#address"); 

    var selectType = options.filter(":selected").attr("value"); 
    address.autocomplete({ 
     source: "ajaxSearchForClientAddress.php?selectType=" + selectType, 
     minLength: 3 
    }); 

    select.change(function() { 
     selectType = options.filter(":selected").attr("value"); 
     address.autocomplete("option", "source", "ajaxSearchForClientAddress.php?selectType=" + selectType); 
    }); 
});