jQuery自动完成选择名称和显示ID [英] Jquery autocomplete select name and display id

问题描述

我在表单中使用自动完成的jquery插件.在这种情况下，当我搜索名称时，自动完成功能将在选择名称时显示名称列表，以列出名称，从而在输入字段中显示名称.当我选择名称时，我希望onselection在输入字段中显示名称的ID.请让我知道我该如何做或使用任何jquery插件?

谢谢

解决方案

这是Jquery代码:

$("#txt1").autocomplete({
    source: function (request, response){
        $.ajax({
            type: "POST",                        
            url: "YourAddress",           
            contentType: "application/json; charset=utf-8",
            dataType: "json",                                                    
            success: function (data) {
            response($.map(data.d, function (item) {
                return {
                    id: item.Value,
                    value: item.Text
                }
            }))
        }
        });
    },
    select: function (event, ui) {
        $("#hdnId").val(ui.item.id);//Put Id in a hidden field
    }
});

调用ajax请求并返回JSON数据，如下所示:

[{"Value":val1,"Text":"text1"},
{"Value":val2,"Text":"text2"}]

我测试了它.很棒的人

祝你好运.

I am using the autocomplete jquery plugin in my form. In this when I search the name , autocomplete display the list of the names onselection the names to list it display the name in the input field. I want onselection when I select the name it display the id of the name in input field.Please let me know How can I do it or any jquery plugin ?

Thanks

解决方案

this is Jquery Code :

$("#txt1").autocomplete({
    source: function (request, response){
        $.ajax({
            type: "POST",                        
            url: "YourAddress",           
            contentType: "application/json; charset=utf-8",
            dataType: "json",                                                    
            success: function (data) {
            response($.map(data.d, function (item) {
                return {
                    id: item.Value,
                    value: item.Text
                }
            }))
        }
        });
    },
    select: function (event, ui) {
        $("#hdnId").val(ui.item.id);//Put Id in a hidden field
    }
});

call you ajax request and return JSON data something like this :

[{"Value":val1,"Text":"text1"},
{"Value":val2,"Text":"text2"}]

I tested it.It works great man

Good luck.Foroughi

这篇关于jQuery自动完成选择名称和显示ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！