使用HTMLEditorExtender的TextBox的Javascript設置值

Question

我有一個帶有HTMLEditorExtender的asp.net文本框（ID =“ HTMLTextBox_Comments”）：

<asp:TextBox ID="HTMLTextBox_Comments" runat="server" Height="200px" Rows="5" 
        TextMode="MultiLine" Width="469px"></asp:TextBox>
<ajaxToolkit:HtmlEditorExtender ID="HTMLTextBox_Comments_HtmlEditorExtender" 
        runat="server" Enabled="True" TargetControlID="HTMLTextBox_Comments">
</ajaxToolkit:HtmlEditorExtender>

我正在使用javascript設置文本框的值，如下所示：

var MyControl = document.getElementById("MainContent_HTMLTextBox_Comments"); //this gets the control just fine
MyControl.value = "Here's some text";

如果我有警報向我顯示該值，那么它將顯示“這里有一些文本”，但是該文本不會顯示在TextBox本身中。

我也嘗試過設置MyControl.innerHTML和MyControl.text但它們似乎都不起作用。

如何在TextBox中顯示TextBox的值？

提前致謝！

編輯我發現這篇文章似乎表明.value是我應該用來設置此TextBox文本的內容，但它並未顯示。 我想念什么？

Answer 1

WebForms為您的服務器端元素添加了一個瘋狂的ID。 嘗試document.querySelector（）

http://jsfiddle.net/ZhGX7/

<input type="text" id="abc_123_MyDiv" value="firstValue" />

<script>

var input = document.querySelector("input[id*=MyDiv]");

input.value="Updated Value"
</script>

Answer 2

我在這里找到了解決方案。

訣竅是在HTMLEditorExtender中設置ExtenderContentEditable div的innerHTML，而不是嘗試直接設置文本框值。 值得注意的是，設置innerHTML也會設置該值，因此您可以讀取TextBox.value並獲取所輸入的內容。

謝謝您的幫助。