更改并重新初始化自动完成功能
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了更改并重新初始化自动完成功能相关的知识，希望对你有一定的参考价值。
我正在使用jQuery Autocomplete我有一些代码。我尝试通过选择修改“源”自动完成，但是当我更改源自动完成时不起作用。我尝试使用.change，.on，.click重新初始化但仍然无法正常工作。当我使用非修改源时，自动完成工作正常。
$('#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">答案
这是一个简单的代码片段，展示了如何实现自动完成刷新功能，请使用此代码并告诉我是否有任何问题为您的用例实现它！
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">
<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">以上是关于更改并重新初始化自动完成功能的主要内容，如果未能解决你的问题，请参考以下文章