Question

我有一个页面web方法如下：

        [WebMethod]
    public static string[] GetStoreIds(string beginWith)
    {
        var dataSource = new[] { "1", "12", "21", "31", "13", "23" };
        return (from storeId in dataSource
                where storeId.Contains(beginWith)
                select storeId).ToList().ToArray();
    }

使用JQuery Autocomplete插件是否可行？ http://docs.jquery.com/Plugins/autocomplete

我有一个文本框，可以作为onClientTextChanged事件的自动完成。

谢谢，

Answer 1

您必须使用Ajax

从服务器检索数据

之后，您可以将数据放在变量中，例如名为data

之后你以这种方式使用自动完成插件：

 $("#example").autocomplete(data);

here is another example on how to get call your webmethod using ajax

Answer 2

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
    success: function(data){
    $("input").autocomplete({source:data});
    }
});

<input />

使用json调用get，然后使用autocomplete设置，请注意你还需要jquery UI include

Answer 3

如果使用jQuery UI，则不需要Ajax。你可以给它一个Javascript数组。请使用此文档：http://jqueryui.com/demos/autocomplete/

如何使用页面方法使用JQuery自动完成插件？

3 个答案: