Jquery 选择值上的自动完成框不提供ID
大家好,我正在使用spring mvc。我已经为“自动完成”框创建了一个按关键字搜索的代码,用于从数据库中搜索值。我使用ajax调用从controller调用该服务。从中我在下拉列表中获得了该列表。但我想要的是在“自动完成”框中选择值,它将获取该值的id并调用另一个值方法,该方法提供该id的详细信息,并在不同字段的jsp页面上打印 这是我的jsp页面代码:Jquery 选择值上的自动完成框不提供ID,jquery,autocomplete,box,Jquery,Autocomplete,Box,大家好,我正在使用spring mvc。我已经为“自动完成”框创建了一个按关键字搜索的代码,用于从数据库中搜索值。我使用ajax调用从controller调用该服务。从中我在下拉列表中获得了该列表。但我想要的是在“自动完成”框中选择值,它将获取该值的id并调用另一个值方法,该方法提供该id的详细信息,并在不同字段的jsp页面上打印 这是我的jsp页面代码: <script> function doAjax() { var dataToBeSent =
<script>
function doAjax() {
var dataToBeSent = {
keyword : document.getElementById("tags").value,
godownID : "3",
};
$(function() {
$.ajax({
url : "itemByName",
data : dataToBeSent,
type : "GET",
dataType : "json",
success : function(response) {
//alert("success");
var data1 = JSON.stringify(response);
var obj = JSON.parse(data1);
var availableTags = [];
var mn;
for (var i = 0; i < obj.length; i++) {
alert("Length:" + obj.length);
alert = ("in for loop");
mn = [ obj[i].ItemIDP, obj[i].ItemName ];
alert = ("mn");
availableTags[i] = obj[i].ItemName;
// availableTags[i] = obj[i].ItemIDP;
}
$("#tags").autocomplete(
{
source : function(request, response) {
var results = $.ui.autocomplete.filter(
availableTags, request.term);
response(results.slice(0, 10));
}
});
$("#tags").autocomplete({
autoFocus : true
});
},
error : function(request, textStatus, errorThrown) {
alert("errorThrown");
}
});
});
}
</script>
<div class="col-md-12 col-lg-12">
<div class="row">
<div class="col-sm-2">
<h5>Medicine</h5>
</div>
<div class="col-sm-5">
<input id="tags" class="form-control input-mg"
onkeyup="doAjax()" />
</div>
</div>
</div>