使用jQuery val和AjaxToolKit的TextBoxWatermarkExtender與IE

Question

我知道，我知道，「不要使用AjaxToolKit」...但假設我堅持它。

如果我有以下幾點：

<asp:TextBox runat="server" ID="textBox" /> 
<asp:TextBoxWatermarkExtender runat="server 
    TargetControlID="textBox" 
    WatermarkText="Text" /> 

而且

var textBoxSelector = $(#'<%= textBox.ClientID %>'); 

那麼這不起作用（即，它改變的水印文字，但沒有所需的文本）

textBoxSelector.val('example text'); 

但是我發現這在Chrome中確實有效：

textBoxSelector.focus(); 
textBoxSelector.val('example text'); 

但不是在Internet Explorer中。

任何想法如何實現？

Answer 1

您需要設置和使用水印擴展器本身的行爲。

<asp:TextBox runat="server" ID="textBox" /> 
<asp:TextBoxWatermarkExtender runat="server 
    TargetControlID="textBox" BehaviorID="textboxWaterMark" 
    WatermarkText="Text" /> 

然後使用$find()訪問對象和set_Text()

var textboxWaterMark = $find("textboxWaterMark"); 
textboxWaterMark.set_Text('example text'); 

如果$find()被返回null，則可能要等到頁面加載。不使用jQuery，但使用工具包

Sys.Application.add_load(MyFunction); 
function MyFunction() { 
    var textboxWaterMark = $find("textboxWaterMark"); 
    textboxWaterMark.set_Text('example text'); 
}