Jquery自动完成不能在code..plz帮助下工作..？ [英] Jquery autocomplete not working below code..plz help..?
问题描述
<！doctype html>
< html lang =en>
< head>
< meta charset =utf-8>
< title> jQuery UI自动完成 - 远程JSONP数据源< / title>
< script type =text / javascript SRC = http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js > < / script>
< / head>
< body>
操作系统
< label for =select>选择：< / label>
< input type =textid =select/>
< script>
（function（）{
var url =http：// localhost：61397 / CompanyRestService.svc / GetCompID / 0;
var items = [];
$ .getJSON（url）
.done（function（data）{
$ .each（data，function（i，item）{
items [i] = item.CompanyLegalName;
}）;
}）;
$（'＃select'）。autocomplete（{
source：items
}）;
}）（）;
< / script>
< / body>
< / html >
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Remote JSONP datasource</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
</head>
<body>
Operating Systems
<label for="select">Choose: </label>
<input type="text" id="select" />
<script>
(function () {
var url = "http://localhost:61397/CompanyRestService.svc/GetCompID/0";
var items = [];
$.getJSON(url)
.done(function (data) {
$.each(data, function (i, item) {
items[i] = item.CompanyLegalName;
});
});
$('#select').autocomplete({
source: items
});
})();
</script>
</body>
</html>
我尝试了什么：
我的休息服务输出：
[{Id：155，名称：DOMEX E-DATA PRIVATE}，{Id：156，名称：HCL COAL INTERNATIONAL PRIVATE LIMITED}，{Id：158，Name：Roja Builders and services}，{Id ：159，名称：TATA ADVANCED MATERIALS LIMITED}，{Id：161，Name：Tikona BroadBand ltd}，{Id：166，Name：DOMEX TECHNICAL INFORMATION PRIVATE LIMITED }，{Id：168，名称：飞利浦印度}，{Id：170，名称：Docomo}，{Id：171，名称：AIRTEL SOFTWARE解决方案私有限公司}，{Id：172，名称：RELIANCE INDUSTRIES LIMITED}
What I have tried:
my Rest service output:
[{"Id":155,"Name":"DOMEX E-DATA PRIVATE"},{"Id":156,"Name":"HCL COAL INTERNATIONAL PRIVATE LIMITED"},{"Id":158,"Name":"Roja Builders and services"},{"Id":159,"Name":"TATA ADVANCED MATERIALS LIMITED"},{"Id":161,"Name":" Tikona BroadBand ltd"},{"Id":166,"Name":"DOMEX TECHNICAL INFORMATION PRIVATE LIMITED"},{"Id":168,"Name":"Philips India"},{"Id":170,"Name":"Docomo"},{"Id":171,"Name":"AIRTEL SOFTWARE SOLUTIONS PRIVATE LIMITED"},{"Id":172,"Name":"RELIANCE INDUSTRIES LIMITED"}
]
我对jquery更新鲜......我不知道在文本框上显示自动完成功能和休息服务......请帮助。 ..
]
I m fresher for jquery...I dont know to show autocomplete on textbox with rest service...kindly help...
推荐答案
.getJSON（url）
.done（function（data）{
.getJSON(url)
.done(function (data) {
.each（data，functio n（i，item）{
items [i] = item.CompanyLegalName;
}）;
}）;
.each(data, function (i, item) {
items[i] = item.CompanyLegalName;
});
});
（'＃select'）。autocomplete（{
来源：item
}）;
}）（）;
< / script>
< / body>
< / html>
('#select').autocomplete({
source: items
});
})();
</script>
</body>
</html>
我尝试过：
我的休息服务输出：
[{Id：155，名称：DOMEX E-DATA PRIVATE}，{Id：156，名称：HCL COAL INTERNATIONAL PRIVATE LIMITED}，{Id ：158，名称：Roja建筑商和服务}，{Id：159，名称：TATA ADVANCED MATERIALS LIMITED}，{Id：161，名称：Tikona BroadBand ltd }，{Id：166，名称：DOMEX技术信息私人有限公司}，{Id：168，名称：飞利浦印度}，{Id：170，名称： Docomo}，{Id：171，名称：AIRTEL SOFTWARE SOLUTIONS PRIVATE LIMITED}，{Id：172，Name：RELIANCE INDUSTRIES LIMITED}
What I have tried:
my Rest service output:
[{"Id":155,"Name":"DOMEX E-DATA PRIVATE"},{"Id":156,"Name":"HCL COAL INTERNATIONAL PRIVATE LIMITED"},{"Id":158,"Name":"Roja Builders and services"},{"Id":159,"Name":"TATA ADVANCED MATERIALS LIMITED"},{"Id":161,"Name":" Tikona BroadBand ltd"},{"Id":166,"Name":"DOMEX TECHNICAL INFORMATION PRIVATE LIMITED"},{"Id":168,"Name":"Philips India"},{"Id":170,"Name":"Docomo"},{"Id":171,"Name":"AIRTEL SOFTWARE SOLUTIONS PRIVATE LIMITED"},{"Id":172,"Name":"RELIANCE INDUSTRIES LIMITED"}
]
我对jquery更新鲜......我不知道在文本框中显示自动完成功能并提供其他服务...请帮助......
]
I m fresher for jquery...I dont know to show autocomplete on textbox with rest service...kindly help...
这篇关于Jquery自动完成不能在code..plz帮助下工作..？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
