如何在asp.net textbox中使用jquery函數

這個jquery函數對於我來說非常適合作爲選擇時填充輸入框的下拉列表。如何在asp.net textbox中使用jquery函數

我的問題是我想使用一個ASP.net文本框而不是輸入框（主要是當我點擊「提交」按鈕時引用它）當我交換兩個我的下拉功能不再起作用。

感謝您的幫助

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Autocomplete - Scrollable results</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <style> 
    .ui-autocomplete { 
    max-height: 400px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    } 

    /* IE 6 doesn't support max-height 

    * we use height instead, but this forces the menu to always be this tall 

    */ 

    * html .ui-autocomplete { 
    height: 400px; 
    } 
    </style> 
    <script> 
     $(function() { 
      var availableTags = [ 

"a", 
"b", 
"c", 
"d", 
"e", 
"f", 
"g", 
"h", 
"i", 
"j", 
"k", 
"l", 
"m", 
"n", 
    ]; 
      $("#tags").autocomplete({ 
       source: availableTags 
      }); 
     }); 
    </script> 
</head> 
<body> 

<div class="ui-widget"> 

    <label for="tags">Select a procedure: </label> 

    <input id="tags" type="text" /> 
    <asp:Button ID="Button1" runat="server" Text="Submit" /> 

</div> 
</body> 
</html>

來源

2014-09-25 Justin Tartagni

你是如何設定ASP的ID：文本框？您需要使用ClientID，而不是ID。 – Crowcoder 2014-09-25 22:34:04

要麼使用：

<asp:TextBox id="tags" ClientIDMode="static" runat="server" />

這將生成ClientID是一樣的，你所設定的ID，或

<asp:TextBox id="tags" runat="server" />

和使用jQuery選擇器，如

$("#<%= tags.ClientID %>").autocomplete({......

來源

2014-09-25 22:38:06

它應該是$（「＃」+ <％= tags.ClientID％>「），而不是......你必須在ID選擇時添加額外的」＃「 – 2014-09-26 19:49:32

Good catch Keyvan。更新我的回覆。 – 2014-09-27 17:11:16

謝謝你的幫助先生對不起，我花了這麼長的時間來接受這個 – 2014-10-02 22:41:06

如果id是問題，則嘗試爲文本框分配一個虛擬類並使用該類名引用該控件。點擊Submit按鈕後，您將可以訪問tags文本框服務器控件。

<asp:TextBox id="tags" runat="server" class ="txtauto" />

然後在你的JS

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

來源

2014-09-25 23:57:06

類最適合於一類元素而不是單一元素，最好使用ClientID來達到此目的。 – 2014-09-26 19:48:13

如何在asp.net textbox中使用jquery函數

回答

相關問題