0

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

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

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

4

6 回答 6

2

使用 jQuery。

像这样的东西

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

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

});
于 2013-11-01T12:20:39.167 回答
0

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

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

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

于 2013-11-01T12:19:41.287 回答
0

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

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

没有 jquery，纯 javascript: google "getElementById"

于 2013-11-01T12:20:43.760 回答
0

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
}

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

于 2013-11-01T12:21:57.183 回答
0

使用 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>
于 2013-11-01T12:22:30.780 回答
0

如果您想在服务器端执行此操作，请使用 asp 控件，例如asp:TextBox. 如果您需要在客户端执行此操作，请使用 JavascriptgetElementById或getElementsByClassName.

于 2013-11-01T20:42:40.367 回答