如何在按钮文本中显示图标

Question

我正在使用ASP.NET MVC。我的目标是更改此按钮的文本

<input type="submit" value="Save and Continue" class="btn btn-primary pull-left" /> 

从＆＃34;保存并继续＆＃34; to＆＃34; Saving ...＆lt; i class =＆＃34; fa fa-spinner fa-spin＆＃34;＆gt;＆lt; / i＆gt;＆＃34;一旦用户点击它。我仍然在寻找答案，但我想做的是使用jQuery更改.click方法中的文本

$("input[type='submit']").click(function () {

        //$("input[type='submit']").val("Saving... " + ?);
});

这可能吗？是否有使用Html帮助方法？谢谢你的时间。

Answer 1

试试这个，

<button type="submit"><i class="fa fa-spinner fa-spin"></i></button>,

最初它会显示您想要的图标，或者您也可以使用该文本。

在你的jquery函数中，将innerHtml和图标一起修改为文本，在类型按钮中你不能显示图标。

JQuery更改：

$("button[type='submit']").click(function () {

    $(this).html("Saving... <i class=\"fa fa-spinner fa-spin\"></i>");
});