Question

这是Web浏览器中TextBox的HTML代码：

<textarea class="oracle-input">Når går bussen </textarea>

我想将文本更改为我在表单的TextBox中编写的文本，以及单击按钮，但是如何？

Answer 1

使用jquery。

有点像这样

$("button").on("click", function () {

   $(".oracle-input").val("value changed");

});

Answer 2

如果您需要在服务器上执行此操作，我建议使用一些不同的标记。改变

<textarea class="oracle-input">Når går bussen </textarea>

到

<asp:TextBox runat="server" ID="OracleInputTextBox" 
     CssClass="oracle-input" TextMode="Multiline" />

这会将文本区域元素呈现为服务器端控件，您可以使用服务器端代码对其进行修改 - 在服务器端，您现在将在页面/控件中有一个字段OracleInputTextBox您可以使用以下代码更改其文本：

OracleInputTextBox.Text = "new text";

其他答案已经为您提供了在客户端执行此操作的方法。如果这对您来说足够了，则不需要我所描述的服务器端更改。

Answer 3

如果您的意思是在客户端浏览器，那么使用jQuery：

$(".oracle-input").val($("your-textbox-selector").val())

没有jquery，纯javascript：google“getElementById”

Answer 4

page1.aspx这个：

<asp:TextBox ID="TxtInput" runat="server" />
<asp:Button id="Button1" Text="Click" OnClick="Btn_Click"  runat="server"/>
<br />
<asp:Label ID="lblOutput" runat="server" />
<br />
<asp:TextBox ID="TxtOutput" CssClass="oracle-input" TextMode="Multiline" rows="3" runat="server" />

page1.aspx.cs

protected void Btn_Click(object sender, EventArgs e)
{
    lblOutput.Text = TxtInput.Text;//update label
    TxtOutput.Text = TxtInput.Text;//update text box
}

我添加了一个标签和文本框，只是为了显示一个额外的控件。

Answer 5

使用javascript你可以试试jsfiddle：http://jsfiddle.net/XgsQV/

<textarea class="oracle-input">Når går bussen </textarea>
<input type="button" value="change" onclick="changeText('second text');">

<script type="text/javascript">
function changeText(str)
{
var txtarea = document.getElementsByClassName("oracle-input");
txtarea[0].value = str;
}
</script>

Answer 6

如果要在服务器端执行此操作，请使用asp控件，如asp:TextBox。如果您需要在客户端执行此操作，请使用Javascript＆＃39; getElementById或getElementsByClassName。

使用类从表单更改webbrowser中的文本

6 个答案: