jQuery自動完成與asp.net

Question

我正在嘗試為.aspx頁上的TextBox實現自動完成功能。 這是我嘗試過的：

<head runat="server">

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
 <script type="text/javascript"src="//code.jquery.com/jquery-1.10.2.js"> </script>
 <script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

 <script type="text/javascript">
  $(function() {
   var availableTags = [
    "IT",
    "Marketing",
    "HR",
    "Accounting",
    "Management"

];
$( "#TextBox1" ).autocomplete({
  source: availableTags
});
 });
</script>

</head>



<asp:TextBox ID="TextBox1" runat="server" BackColor="White"   ForeColor="Black" ></asp:TextBox>

我沒有收到任何錯誤或任何東西，但是它根本沒有顯示自動完成功能。 有什么建議我做錯了嗎？

Answer 1

也許是因為在asp.net ，您的控件在呈現為HTML時將生成其自己的ID ，因此您的腳本

$( "#TextBox1" ).autocomplete({
  source: availableTags
});

找不到ID ，因為它通常會呈現為

<input type="text" id="..._TextBox1"/>

因此您可以嘗試更改

<asp:TextBox ID="TextBox1" runat="server" BackColor="White"   ForeColor="Black" ></asp:TextBox>

至

<asp:TextBox ID="TextBox1" runat="server" BackColor="White"   ForeColor="Black" ClientIDMode="Static"></asp:TextBox>

添加ClientIDMode="Static"以便ID照原樣呈現

jQuery自動完成與asp.net

問題描述

1 個解決方案

解決方案1
2 已采納 2015-12-04 10:14:51

jQuery自動完成與asp.net

問題描述

1 個解決方案

解決方案1 2 已采納 2015-12-04 10:14:51

解決方案1
2 已采納 2015-12-04 10:14:51