TextBox的HTMLEditorExtender设置值

Question

我有一个asp.net文本框(ID = "HTMLTextBox_Comments")和一个HTMLEditorExtender：

<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的值？

提前感谢！

编辑我找到的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>

Answer 2

我找到了一个解决方案，here。

诀窍是在innerHTML中设置ExtenderContentEditable div的ExtenderContentEditable，而不是直接设置文本框值。值得注意的是，设置innerHTML也会设置值，这样您就可以读取TextBox.value并获得所放入的内容。

谢谢你的帮助。