如何使用jquery在自动完成文本框中获取id ..？ [英] How to get id in autocomplete textbox using jquery..?
问题描述
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Remote JSONP datasource</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
</head>
<body>
<h2>Operating Systems</h2><br />
<label for="select">Choose: </label>
<input type="text" id="select" />
<label id="selectID"></label>
<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.Name;
});
});
$('#select').autocomplete({ source: items});
})();
</script>
<script>
function myFunction() {
var x = document.getElementById("select").value;
document.getElementById("demo").innerHTML = x;
}
</script>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>
我尝试了什么：
我的Json输出：
[{Id ：155，名称：DOMEX E-DATA PRIVATE}，{Id：156，名称：HCL COAL INTERNATIONAL PRIVATE LIMITED}，{Id：158，Name：Roja建筑商和服务}，{Id：159，名称：TATA ADVANCED MATERIALS LIMITED}，{Id：161，名称：Tikona BroadBand ltd}，{Id：166， 名称：DOMEX技术信息私人有限公司}，{Id：168，名称：飞利浦印度}]
我试试ind上面的代码成功工作...但我不知道，如何获得Id.... plz帮助...如何获得自动完成选择Id到任何标签或隐藏的字段...
What I have tried:
my Json 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"}]
I m try ind the above code the successfully work ...but i dont know ,how to get "Id " ....plz help...How to get autocomplete selected "Id" to any lable or hidden field...
推荐答案
.getJSON（ url）
.done（ function （data）{
.getJSON(url) .done(function (data) {
.each（data， function （i，item）{
items [i] = item.Name;
}）;
}）;
.each(data, function (i, item) { items[i] = item.Name; }); });
（' #select'）。autocomplete（{source：items}）;
}）（）;
< / script >
< script >
function myFunction（）{
var x = document .getElementById（ 选择）值。
document .getElementById（ demo).innerHTML = x;
}
< / 脚本 >
< 按钮 onclick = myFunction（） > 点击我< / button >
< ; p id < span class =code-keyword> = demo > < / p >
< / body >
< / html >
('#select').autocomplete({ source: items}); })(); </script> <script> function myFunction() { var x = document.getElementById("select").value; document.getElementById("demo").innerHTML = x; } </script> <button onclick="myFunction()">Click me</button> <p id="demo"></p> </body> </html>
我尝试了什么：
我的Json输出：
[{Id ：155，名称：DOMEX E-DATA PRIVATE}，{Id：156，名称：HCL COAL INTERNATIONAL PRIVATE LIMITED}，{Id：158，Name：Roja建筑商和服务}，{Id：159，名称：TATA ADVANCED MATERIALS LIMITED}，{Id：161，名称：Tikona BroadBand ltd}，{Id：166， 名称：DOMEX技术信息私人有限公司}，{Id：168，名称：飞利浦印度}]
我试试ind上面的代码成功工作...但我不知道，如何获得Id.... plz帮助...如何获得自动完成选择Id到任何标签或隐藏字段...
What I have tried:
my Json 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"}]
I m try ind the above code the successfully work ...but i dont know ,how to get "Id " ....plz help...How to get autocomplete selected "Id" to any lable or hidden field...
这篇关于如何使用jquery在自动完成文本框中获取id ..？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
