单击按钮后在 html id 中插入文本（无 JavaScript）

我想在按下按钮后在文本框 (ID=button3) 中包含一些文本。

我有以下 html：

<div id="collapse2" style="display:none">
   <span id="button3">text before pressing the button></span>
</div>

在 javascript 中，我知道我可以用两种不同的方式解决我的问题。

选项1：

var element=document.getElementById("button3");
element.innerHTML="text after pressing the button";

选项2：

$('#button3').text('text after pressing the button');

你能给我使用 razor/html 助手的第三个选项吗？这与我昨天发布的另一个问题有关（我的另一个问题 https://stackoverflow.com/questions/21913070/cant-write-razor-variable-inside-html-id-class-element-dinamically）。不过，我认为这次我能够以更好的方式解释我的问题。

要完全在 razor 内完成此操作，您将需要调用服务器。为此，请使您的视图强类型化，并使用 razor 从模型中获取 button3 值。

将输入参数（字符串button3Value =“初始值”）添加到您的控制器方法中。默认为您的初始 Button3 值。

然后，您可以使用@Html.ActionLink 并从buttonclick 传递新的button3 值。这将使用适当的值重新加载页面。