Javascript 在一个页面上多次使用“自动完成”时,从“自动完成”获取数据
如何将数值输入到隐藏字段中。这只会将值获取到命名字段中。如果我能在输入处于焦点时获得值,那就太好了。从我的Web服务返回的Tge数据与数组中的数据类似Javascript 在一个页面上多次使用“自动完成”时,从“自动完成”获取数据,javascript,jquery,autocomplete,webforms,jquery-ui-autocomplete,Javascript,Jquery,Autocomplete,Webforms,Jquery Ui Autocomplete,如何将数值输入到隐藏字段中。这只会将值获取到命名字段中。如果我能在输入处于焦点时获得值,那就太好了。从我的Web服务返回的Tge数据与数组中的数据类似 <form id="form1" runat="server"> <asp:TextBox ID="CustomerNameTextBox1" CssClass="autoc" runat="server"><
<form id="form1" runat="server">
<asp:TextBox ID="CustomerNameTextBox1" CssClass="autoc" runat="server"></asp:TextBox>
<asp:HiddenField ID="CustomerIdHiddenField1" runat="server" />
<asp:TextBox ID="PickupLocationNameTextBox1" CssClass="autoc" runat="server"></asp:TextBox>
<asp:HiddenField ID="DropoffLocationIdHiddenField1" runat="server" />
<asp:TextBox ID="DropoffLocationNameTextBox1" CssClass="autoc" runat="server"></asp:TextBox>
<asp:HiddenField ID="PickupLocationIdHiddenField1" runat="server" />
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick = "Submit" />
</form>
var picklist = [
{ id: "1", value: "One" },
{ id: "2", value: "Two" },
{ id: "3", value: "Three" },
{ id: "4", value: "Four" }
];
$('.autoc').on("focus", function () {
$(this).autocomplete({
minLength: 1,
source: function (request, response) {
$.ajax({
url: '<%=ResolveUrl("Models/WebService1.asmx/GetCustomers") %>',
data: "{ 'prefix': '" + request.term + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('-')[0],
val: item.split('-')[1]
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (e, i) {
$('#<%= CustomerIdHiddenField1.ClientID %>').val(i.item.val);
},
<%--select: function (e, i) {
$("#<%= DropoffLocationIdHiddenField1.ClientID %>").val(i.item.val);
},
select: function (e, i) {
$("#<%= PickupLocationIdHiddenField1.ClientID %>").val(i.item.val);
},--%>
minLength: 1
});
});
变量选取列表=[
{id:“1”,值:“1”},
{id:“2”,值:“2”},
{id:“3”,值:“3”},
{id:“4”,值:“4”}
];
$('.autoc')。打开(“焦点”,函数(){
$(此)。自动完成({
最小长度:1,
来源:功能(请求、响应){
$.ajax({
url:“”,
数据:“{'前缀':'”+request.term+“}”,
数据类型:“json”,
类型:“POST”,
contentType:“应用程序/json;字符集=utf-8”,
成功:功能(数据){
响应($.map)(数据.d,函数(项){
返回{
标签:item.split('-')[0],
val:item.split('-')[1]
}
}))
},
错误:函数(响应){
警报(response.responseText);
},
故障:功能(响应){
警报(response.responseText);
}
});
},
选择:功能(e,i){
$('#').val(i.item.val);
},
最小长度:1
});
});