ändern und neu initialisiert die automatische Vervollständigung

Question

Ich bin mit jQuery Autocomplete ich einige Code haben. Ich habe versucht, "Quelle" Autovervollständigung durch Auswahl ändern, aber wenn ich Quelle Autovervollständigung ändern nicht funktionieren. Ich versuche, .change, .on, .click für reinitialisiert, aber immer noch nicht funktioniert. Wenn ich nicht modifizierte Quelle verwende, funktioniert Autocomplete gut.

$('#myselect').change(function() { 
 
    $('#part_q').prop("disabled", false).focus(); 
 
    var brand = $('#myselect').val(); 
 
    $('#part_q').autocomplete({ 
 
    source: 'https://example.com/search/?' + brand 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<select id="myselect"> 
 
    <option value="" selected="selected" disabled="">Select Brand</option> 
 
    <option value="1">Some brand</option> 
 
    <option value="2">Some brand 2</option> 
 
    <option value="3">Some brand 3</option> 
 
</select> 
 
<input disabled="" placeholder="Model Name" type="text" id="part_q" name="part_q">

Answer 1

Hier ist ein einfaches Snippet zeigt, wie die automatische Vervollständigung Refresh-Funktionalität zu erreichen, diesen Code verwenden bitte und lassen Sie mich wissen, wenn es irgendwelche Probleme gibt deren Umsetzung für Ihren Anwendungsfall!

var arr = [[1,1],[2,2],[3,3][4,4]]; 
 
$('#myselect').change(function() { 
 
    $('#part_q').prop("disabled", false).focus(); 
 
    var brand = $('#myselect').val(); 
 
    $('#part_q').autocomplete("option", { source: arr[brand] }); 
 
}); 
 

 
$("#part_q").autocomplete({ 
 
    source: [] 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<select id="myselect"> 
 
\t \t <option value="" selected="selected" disabled="">Select Brand</option> 
 
      <option value="0">Some brand</option> 
 
      <option value="1">Some brand 2</option> 
 
      <option value="2">Some brand 3</option> 
 
      <option value="4">Some brand 4</option> 
 
    </select> 
 
<input disabled="" placeholder="Model Name" type="text" id="part_q" name="part_q">