在asp.net c＃中的jquery自动完成中突出显示匹配的文本？ [英] Highlight matched text in jquery autocomplete in asp.net c#?

问题描述

请您帮我突出显示自动完成文本框中的输入字词。我已经填充了自动完成的单词，我只需要单独突出显示单词。我是Jquery自动完成的新手。



我的代码是：

Could you please help me in highlighting the typed words in the auto complete text box. i am already populating the auto-complete words and i need to just highlight the typed words alone.i am new to Jquery auto-complete.

My code is:

<script type="text/javascript">
    $(document).ready(function () {
        SearchText();
    });
    function SearchText() {
        $(".autosuggest").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Default.aspx/GetAutoCompleteData",
                    data: "{'username':'" + document.getElementById('txtSearch').value + "'}",
                    dataType: "json",
                    success: function (data) {
                        response(data.d);

                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }
        });
    }
</script>

 [WebMethod]
public static List<string> GetAutoCompleteData(string username)
{
    List<string> result = new List<string>();
    using (SqlConnection con = new SqlConnection("Data Source=192.168.10.120;Initial Catalog=StockImageBank2014Apr;User ID=sa;password=sib"))
    {
        using (SqlCommand cmd = new SqlCommand("select top (10) SubCategory from PhotographySubCategory where SubCategory LIKE '%'+@SearchText+'%'", con))
        {
            con.Open();
            cmd.Parameters.AddWithValue("@SearchText", username);
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                result.Add(dr["SubCategory"].ToString());
            }
            return result;
        }
    }
}

推荐答案

（文档）。ready（ function （）{
SearchText（）;
}）;
function SearchText（）{

(document).ready(function () { SearchText(); }); function SearchText() {

（ 。autosuggest）。autocomplete（{
source： function （request，response）{

(".autosuggest").autocomplete({ source: function (request, response) {

.ajax（{
type： POST，
contentType： application / json; charset = utf-8，
url： Default.aspx / GetAutoCompleteData，
data： {'username'：' + document .getElementById （' txtSearch'）。value + <跨度class =code-string>'}，
dataType： json，
成功： function （data）{
response（data.d）;

}，
错误： function （结果）{
alert（ 错误）;
}
}）;
}
}）;
}
< / script>

.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Default.aspx/GetAutoCompleteData", data: "{'username':'" + document.getElementById('txtSearch').value + "'}", dataType: "json", success: function (data) { response(data.d); }, error: function (result) { alert("Error"); } }); } }); } </script>

 [WebMethod]
public static List<string> GetAutoCompleteData(string username)
{
    List<string> result = new List<string>();
    using (SqlConnection con = new SqlConnection("Data Source=192.168.10.120;Initial Catalog=StockImageBank2014Apr;User ID=sa;password=sib"))
    {
        using (SqlCommand cmd = new SqlCommand("select top (10) SubCategory from PhotographySubCategory where SubCategory LIKE '%'+@SearchText+'%'", con))
        {
            con.Open();
            cmd.Parameters.AddWithValue("@SearchText", username);
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                result.Add(dr["SubCategory"].ToString());
            }
            return result;
        }
    }
}

这篇关于在asp.net c＃中的jquery自动完成中突出显示匹配的文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！