Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一个页面上多次使用“自动完成”时,从“自动完成”获取数据_Javascript_Jquery_Autocomplete_Webforms_Jquery Ui Autocomplete - Fatal编程技术网

Javascript 在一个页面上多次使用“自动完成”时,从“自动完成”获取数据

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"><

如何将数值输入到隐藏字段中。这只会将值获取到命名字段中。如果我能在输入处于焦点时获得值,那就太好了。从我的Web服务返回的Tge数据与数组中的数据类似

<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 }); });