-2

我有一个TextBox，如果我键入任何文本值，则使用 AJAX 从数据库中获取并显示结果，但我必须根据此 AJAX 数据绑定不同的值和文本，TextBox即我必须显示来自列的文本AcctName和来自的值列AcctName，但我无法做到这一点。

这是我的服务器端代码：

[WebMethod]
public static List<string> GetAutoCompleteData(string partyname)
{
    List<string> result = new List<string>();
    DataTable dt;
    AccountInfo oAccount = new AccountInfo();
    dt = oAccount.GetAccountInfo((int)HttpContext.Current.Session["CompCode"], 0);

    if (dt.Rows.Count > 0)
    {
        for (int i = 0;i < dt.Rows.Count; i++)
        {
            result.Add(dt.Rows[i]["AcctCode"].ToString() + ";"+ result.Add(dt.Rows[i]["AcctName"].ToString() + ";"););
        }
    }
    return result;
}

HTML：

<div class="ui-widget">
    <input id="txtSearch" runat="server" class="autosuggest" style="min-width:100px;height:20px;" type="text" />
</div>

JavaScript：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 
<script>
    $(document).ready(function() {
        SearchText();
    });

    function SearchText() {
        $(".autosuggest").autocomplete({
            source: function(request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "PurchaseOrder.aspx/GetAutoCompleteData",
                    data: "{'partyname':'" + document.getElementById('ctl00_ContentPlaceHolder1_txtSearch').value + "'}",
                    dataType: "json",
                    success: function(data) {
                        response(data.d);                
                    },
                    error: function(result) {
                        alert("Error");
                    }
                });
            }
        });
    }
</script>
4

1 回答 1

0

在input元素类型text的情况下，文本和值是相同的，不能不同。

你可以看看这个示例：jQuery UI Autocomplete - Combobox。它展示了如何自定义自动完成，以便将select元素转换为input具有自动完成功能的元素。

作为替代方案，您可以修改此示例：jQuery UI Autocomplete - 自定义数据和显示，以便将值绑定到 *data-** 属性并稍后手动处理发布正确的值。

当您选择您的方法时，我可能会提供进一步的帮助。

更新

您可以查看此答案以获取第二种情况的示例解决方案：jQuery AutoComplete multiple Output

于 2012-10-12T08:09:55.373 回答