C# 在asp.net的usercontrol（ascx）页面中，Jquery自动完成搜索不起作用

我在Asp.net网站的UserControle（ascx）页面上有一个文本框，我在这个文本框上使用了自动完成搜索，当我把这个文本框放在aspx页面上时，它工作得很好。但在ascx（用户控制）页面中，它不起作用

我的文本框是：

  <asp:TextBox ID="txtCityUsed" Style="width: 91.2%; height: 13px; float: left;"
                                                            Width="" runat="server"> 

但当我在usercontrol（ascx）页面中输入自动完成搜索的搜索文本时，上面的方法并没有得到调用，但发生了页面加载。而pageload不应该发生，并且只有上述方法应该得到调用。。。。

---

请任何人帮助我…我无法更改页面，也无法使用弹出窗口进行自动搜索

您在哪里调用或使用

用户控件

？您是从页面

LandingForPortal.aspx

调用它还是从其他页面调用它？我的用户控制页面名为LandingPageForPortalUserControl.ascx，但它在LandingForPortal.aspx中打开，所以我写了页面名LandingForPortal.aspx，我应该使用什么页面名…？您的脚本注册成功了吗？尝试添加一些警报，页面是否在

keyup

之后立即重新加载？试着按住键，页面是重新加载还是触发了

PageLoad

？有什么原因让你不得不从代码后面推js吗？只需将它放在您的aspx页面上，就可以消除脚本注册的任何问题。如果这行得通，那就把事情移回代码背后。耶…我们被告知不要直接从aspx写代码。。。

protected void SetAutocompleteTextbox()
{
    StringBuilder sbLVAutocomplete;
    try
    {
        sbLVAutocomplete = new StringBuilder();
        sbLVAutocomplete.AppendLine("<script type=\"text/javascript\">");
        sbLVAutocomplete.AppendLine("           function autoFetchRecord_txtCityUsed() {");
        sbLVAutocomplete.AppendLine("               if (document.getElementById(\"" + txtCityUsed.ClientID + "\").value.length >=1) {");
        sbLVAutocomplete.AppendLine("                   $(\"#" + txtCityUsed.ClientID + "\").autocomplete({");
        sbLVAutocomplete.AppendLine("                       source: function(request, response) {");
        sbLVAutocomplete.AppendLine("                           $.ajax({");
        sbLVAutocomplete.AppendLine("                               type: \"POST\",");
        sbLVAutocomplete.AppendLine("                               contentType: \"application/json; charset=utf-8\",");
        sbLVAutocomplete.AppendLine("                               url: \"LandingForPortal.aspx/GetListOfCity\",");
        sbLVAutocomplete.AppendLine("                               data: \"{'Name':'\" + document.getElementById('" + txtCityUsed.ClientID + "').value + \"','strRiskStartDate':'\" + document.getElementById('" + txtPolicyStartDate.ClientID + "').value + \"'}\",");
        sbLVAutocomplete.AppendLine("                               dataType: \"json\",");
        sbLVAutocomplete.AppendLine("                               success: function (data) {");
        sbLVAutocomplete.AppendLine("                                   if (data.d.length == 0){ ");
        sbLVAutocomplete.AppendLine("                                       alert('No Data Found!');");
        sbLVAutocomplete.AppendLine("                                       document.getElementById('" + txtCityUsed.ClientID + "').value =\"\";");
        sbLVAutocomplete.AppendLine("                                       document.getElementById('" + hdnVehicleUsedCityCode.ClientID + "').value =\"\";");
        sbLVAutocomplete.AppendLine("                                       document.getElementById('" + hdnVehicleUsedOfficeCode.ClientID + "').value =\"\";");
        sbLVAutocomplete.AppendLine("                                       document.getElementById('" + hdnVehicleUsedOfficeName.ClientID + "').value =\"\";");
        sbLVAutocomplete.AppendLine("                                       document.getElementById('" + hdnVehicleUsedParentOfficeCode.ClientID + "').value =\"\";");
        sbLVAutocomplete.AppendLine("                                   }");
        sbLVAutocomplete.AppendLine("                                   response($.map(data.d, function (item) {");
        sbLVAutocomplete.AppendLine("                                       return {");
        sbLVAutocomplete.AppendLine("                                           value: item.City,");
        sbLVAutocomplete.AppendLine("                                           CityCode: item.CityCode,");
        sbLVAutocomplete.AppendLine("                                           OfficeCode: item.OfficeCode,");
        sbLVAutocomplete.AppendLine("                                           OfficeLocation: item.OfficeLocation,");
        sbLVAutocomplete.AppendLine("                                           ParentOfficeCode: item.ParentOfficeCode");
        sbLVAutocomplete.AppendLine("                                       }");
        sbLVAutocomplete.AppendLine("                                   }))");
        sbLVAutocomplete.AppendLine("                                   },");
        sbLVAutocomplete.AppendLine("                                   error: function (result) {");
        sbLVAutocomplete.AppendLine("                                       alert(data);");
        sbLVAutocomplete.AppendLine("                                   }");
        sbLVAutocomplete.AppendLine("                           });");
        sbLVAutocomplete.AppendLine("                       },");
        sbLVAutocomplete.AppendLine("                       ");
        sbLVAutocomplete.AppendLine("                       open: function(){");
        sbLVAutocomplete.AppendLine("                           $('.ui-autocomplete').css('width', '300');");
        sbLVAutocomplete.AppendLine("                       },");
        sbLVAutocomplete.AppendLine("                       select: function (event, ui) {");
        sbLVAutocomplete.AppendLine("                           if (ui.item) {");
        sbLVAutocomplete.AppendLine("                               $('#" + txtCityUsed.ClientID + "').val(ui.item.value);");
        sbLVAutocomplete.AppendLine("                               $('#" + hdnVehicleUsedCityCode.ClientID + "').val(ui.item.CityCode);");
        sbLVAutocomplete.AppendLine("                               $('#" + hdnVehicleUsedOfficeCode.ClientID + "').val(ui.item.OfficeCode);");
        sbLVAutocomplete.AppendLine("                               $('#" + hdnVehicleUsedOfficeName.ClientID + "').val(ui.item.OfficeLocation);");
        sbLVAutocomplete.AppendLine("                               $('#" + hdnVehicleUsedParentOfficeCode.ClientID + "').val(ui.item.ParentOfficeCode);");
        sbLVAutocomplete.AppendLine("                               return false;");
        sbLVAutocomplete.AppendLine("                           }");
        sbLVAutocomplete.AppendLine("                       },");
        sbLVAutocomplete.AppendLine("                       minLength: 3");
        sbLVAutocomplete.AppendLine("                   });");
        sbLVAutocomplete.AppendLine("               }");
        sbLVAutocomplete.AppendLine("           }");
        sbLVAutocomplete.AppendLine("</script>");

        if (!Page.ClientScript.IsStartupScriptRegistered("Autocomplete"))
        {
            //Registering startup script Autocomplete
            Page.ClientScript.RegisterStartupScript(typeof(string), "Autocomplete", sbLVAutocomplete.ToString());
        }
    }
    catch (Exception ex)
    {
        //ErrorMessage("ERROR", "ERROR from SetAutocompleteTextbox()" + ex.Message);

    }
    finally
    {
    }
}
protected void AddAttributesAutoComplete()
{
    try
    {
        txtCityUsed.Attributes.Add("onkeyup", "autoFetchRecord_txtCityUsed();");

    }
    catch (Exception ex)
    {
        //  ErrorMessage("ERROR", "ERROR from AddAttributesAutoComplete()" + ex.Message);
    }
    finally
    {
    }
}

[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static object GetListOfCity(string Name, string strRiskStartDate)
{
    ServiceResult arrLVServiceResult;
    GCIntegrationClient objCVGCIntegrationClient = new GCIntegrationClient();
    arrLVServiceResult = objCVGCIntegrationClient.CityWherePrimarilyUsedLOV_GetObjectData(Convert.ToString(strProductCode), Convert.ToString(strTokenId), Convert.ToString(strRiskStartDate), Convert.ToString(""), Convert.ToString(Name));
    return arrLVServiceResult.UserData.CityGrid;
}