Question

实际上，我已经完成了针对焦点的jquery自动完成功能，当我单击文本框时它会显示所有数据的焦点，所以我想如果我单击任何一个数据，则意味着它将重定向到页面该怎么做。
像这样的东西：www.practo.com

这是我的脚本：

<script>
$(function() {
$( "#skills" ).autocomplete({
source: 'search.php',
minLength: 0,
scroll: true
 }).focus(function() {
            $(this).autocomplete("search", "");
        });
});
</script>

Answer 1

用户选择一个项目后，可以使用jQuery UI autocomplete select(event, ui)启用重定向。参见下面的演示：

var sample_skills = [
      "jquery",
      "java"
    ];

$(function() {
	$( "#skills" ).autocomplete({
		source: sample_skills,
		minLength: 0,
		scroll: true,
		select: function(event, ui) {   
			console.log(ui.item.value);
			if(ui.item.value == "jquery"){
			    location.href="https://api.jquery.com/";
			} else if (ui.item.value == "java"){
			    location.href="https://www.w3schools.in/java-tutorial/intro/";
			}
		}
	}).focus(function() {
		$(this).autocomplete("search", "");
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
  integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
  crossorigin="anonymous"></script>
  
  <input type="text" id="skills">

在jQuery中自动完成onclick

1 个答案: