javascript - 在 ASPX 页面中使用脚本

Question

所以我在 ASPX 页面中有这段代码。我试图在同一页面的文本框中使用它，但没有成功。但是，我可以在母版页的文本框中使用脚本吗？任何帮助将不胜感激，谢谢

<asp:Content runat="server" ID="FeaturedContent" 
ContentPlaceHolderID="FeaturedContent">

<script src="jquery-1.12.1.js"></script>
<script src="jquery-ui.js"> </script>
<link href="jquery-ui.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        $('#txtStationName').autocomplete({
            source: 'StationHandler.ashx'
        });
    });
</script>

 <asp:TextBox ID="txtStationName" runat="server">
 </asp:TextBox>

Answer 1

由于您的 <asp:TextBox ID="txtStationName" runat="server">是服务器端组件。 .NET 将在您的 ID 后附加特定值。这种情况可能有两种解决方案。

1) 您可以使用 ClientIDMode="Static"使生成的ID一致

<asp:Content runat="server" ID="FeaturedContent" 
ContentPlaceHolderID="FeaturedContent">

<script src="jquery-1.12.1.js"></script>
<script src="jquery-ui.js"> </script>
<link href="jquery-ui.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        $('#txtStationName').autocomplete({
            source: 'StationHandler.ashx'
        });
    });
</script>

<asp:TextBox ID="txtStationName" runat="server" ClientIDMode="Static">
</asp:TextBox>

2) 或者从开发人员控制台找到在 DOM 上生成的确切 ID，并在该元素上使用 js。