单击按钮后在html id中插入文本（不带javascript）

Question

我想在按下按钮后在文本框（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助手的第三个选项吗？这与我昨天发布的另一个问题（My other question）有关。但是，我想这次我能够以更好的方式解释我的问题。

Answer 1

要在剃刀内完全执行此操作，您需要拨打服务器电话。要执行此操作，请强烈键入视图，并使用razor从模型中获取button3值。

向Controller Method添加输入参数（string button3Value =“initial value”）。将其默认为初始button3值。

然后，您可以使用@ Html.ActionLink并从按钮单击中传递新的button3值。这将重新加载具有适当值的页面。

Answer 2

你可以使用这个选项

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