jQuery自动完成下拉菜单中的多行选项

Question

我在我的asp.net应用程序中使用jQuery自动完成功能来选择项目名称。 现在，我想在项目下方显示简短说明。 这样的事情： 项目名称下面的项目名称

我的CS文件C＃代码为：

public string[] itemAutocomplete(string prefix)
    {

        DataSet ds = new DataSet();

        ds = autoCompleteItemNameF(prefix);     
List<string> autolist = new List<string>();
        if (ds.Tables[0].Rows.Count > 0 )
        {
            for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
            {
                autolist.Add(ds.Tables[0].Rows[i]["good_name"].ToString()+ "-" + ds.Tables[0].Rows[i]["description"].ToString());
            }
          }
        return autolist.ToArray();

我的jQuery函数是：

function item_autocomplete() {

            $("[id$=txt_item_name]").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '<%=ResolveUrl("../Services/AutoComplete.asmx/itemAutocomplete") %>',
                        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]
                                     }
                            }))
                        },
                        error: function (response) {
                            alert(response.responseText);
                        },
                        failure: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {

                    $("[id$=txt_item_name]").change();
                },
                minLength: 1
            });

        };

Answer 1

正如Bhuban所建议的那样，我使用了此处提供的jquery的内置功能： https : //jqueryui.com/autocomplete/#custom-data