为什么jQuery自动完成输入会破坏runat？

Question

我想在我的jQuery Web应用程序中使用简单的Asp.Net自动完成输入：

Summary.aspx

 <script type="text/javascript">
    $(function () {
        var cityList = <%= new JavaScriptSerializer().Serialize(ViewState["Cities"]) %>;
        $( "#uxCities" ).autocomplete({
            //source: availableTags
            source: cityList
        });
    });
</script>
...
<div class="ui-widget">
  <asp:Label for="Cities">City </asp:Label>
  <input id="Cities">
</div>

此解决方案在客户端正常工作。但是，我需要获取用户在.cs/C#文件的输入中输入的任何值/文本。当我将runat="server"添加到<input id="Cities">时，jQuery会中断。此外，input似乎没有一个属性允许我抓住用户输入的内容，如texbox（例如：string userCity = uxCities.Text;）。如何在客户端获得jQuery自动完成功能，但仍然使用服务器端的输入值？

Answer 1

您需要获取文本框的客户端ID，如下所示：

<input id="Cities" runway=“server” />

$('#<%=Cities.ClientID%>').autocomplete({..});