Javascript 使用 HTMLEditorExtender 设置 TextBox 的值

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";

如果我有一个警报显示该值，那么它会显示“这里有一些文本”，但该文本不会显示在文本框本身中。

我还尝试设置 MyControl.innerHTML 和 MyControl.text 但这些似乎都不起作用。

如何在TextBox中显示TextBox的值？

提前致谢!

编辑我发现this post这似乎表明 .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>