单击<li>后，在引入要重定向到任何地方的单词后生成的自动完成功能。我猜可能是这样的：
"Apple": {
id: 1,
text: 'Apple Inc',
image: null,
href: 'http://google.es',
},
但是，当然，它不适用于href行:-(
有一个选择.autocomplete()是
onAutocomplete: function(val) {
// Callback function when value is autcompleted.
},
因此，无论您使用哪种内置onAutocomplete:选项，都将在从自动完成输入中选择一个值后执行该选项。在您的情况下，您想打开一个指定的URL，因此可以使用它window.open()来实现。
我创建了一个工作jsfiddle看看。
演示： https ：//jsfiddle.net/Tirth_Patel/bcct9nfn/
例
的HTML
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s12">
<input type="text" id="autocomplete-input" class="autocomplete">
<label for="autocomplete-input">Autocomplete</label>
</div>
</div>
</div>
</div>
jQuery的
$(document).ready(function(){
$('input.autocomplete').autocomplete({
data: {
"Apple": null,
"Google": null,
"Microsoft": null,
},
onAutocomplete: function(val) {
// Callback function when value is autcompleted.
// Grabbing input after autocomplete is done
var value = $('input.autocomplete').val();
if(value == "Apple"){
var link = window.open('http://www.apple.com', '_blank');
link.location;
} else if(value == "Google"){
var link = window.open('http://www.google.com', '_blank');
link.location;
} else {
var link = window.open('http://www.microsoft.com', '_blank');
link.location;
}
},
});
});
编辑
要打开Different URLs就Different autocomplete再抢的值autocomplete input自动完成完成后，检查与值if..else的不同自动完成和开放不同的URL。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句