Question

我不知道我做了什么错，但我的jquery-ui的自动完成功能不起作用基本上我把调试器和检查它似乎自动完成调用它自己没有触发。只有刷新页面才会触发它，请在这里帮助我

＆＃13;

$(function() {
$(".autoComplete").autocomplete({
		source:function(reuqest,response){
			$.get({
				url:"/organization/suggestion",
				dataType:"json",
				contentType: "application/json; charset=utf-8",
				data:{
					q:request.term
				},
				success:function(data){
					response(data);
				}
			})
		}
	})
});

＆＃13;

<div id="ShowTextOrIdFieldBox"><input type="text" id="searchByText" name="searchByText" placeholder="enter name" class="autoComplete"></div>

＆＃13;

还有一个我输入框，我使用jquery基于用户输入jquery为此填充

＆＃13;

function showTextOrIdField(){
	var orgType=$('#searchByLabel option:selected').val();
	if(orgType=='searchByIdOption'){
		$("#searchByText").remove();
		
		$("ShowTextOrIdFieldBox")
		.addClass("col-md-2 col-sm-4 col-xs-12");
		
		 $("<input type='text' value='' />")
	     .attr("id", "searchById")
	     .attr("name", "searchById")
	     .attr("placeholder","enter id")
	     .appendTo("#ShowTextOrIdFieldBox");
	}else if(orgType=='searchByTextOption'){
		$("#searchByOrgId").remove();
		
		$("ShowTextOrIdFieldBox")
		.addClass("col-md-3 col-sm-6 col-xs-12");
		
		 $("<input type='text'  />")
	     .attr("id", "searchByText")
	     .attr("name", "searchByText")
	     .attr("placeholder","enter name")
	     .addClass("autoComplete")
	     .appendTo("#ShowTextOrIdFieldBox");
	}
}

＆＃13;

Answer 1

我通过将这个cdn添加到我的jsp中解决了问题

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js"></script>

如果我动态填充文本框，还有一件事情无效。我不知道，如果你知道原因，请告诉我

自动完成无法正常工作

1 个答案: