jquery 如何使用JavaScript替换按钮的文本标签，而无需单击？

eqzww0vc 于 5个月前发布在 jQuery

关注(0)|答案(2)|浏览(90)

我正试图使用JavaScript将“保存”按钮的标签更改为“下一步”，而不必先单击保存。
x1c 0d1x的数据

<input type="button" name="ctl01$SaveButton" value="Save" onclick="if(this.disabled)return false;accountCreatorInstance_ctl01_TemplateBody_WebPartManager1_gwpciNewContactAccountCreatorCommon_ciNewContactAccountCreatorCommon.ShowErrors();if(!RunAllValidators(new Array('52503d2c-d362-4864-a72d-5f883619889d'), true)) return false;this.disabled='disabled';WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl01$SaveButton&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))" id="ctl01_SaveButton" title="Save" class="PrimaryButton TextButton Save" data-ajaxupdatedcontrolid="ContentDiv" translate="yes">

字符串
我试过许多不同的版本，但似乎都不起作用。我不是JSMaven，所以任何帮助都很感激。
document.getElementById（'ctl01_SaveButton'）.innerHTML = ' Next ';
我只是想让保存按钮显示“下一步”，而不是保存。

jquery

来源：https://stackoverflow.com/questions/77734666/how-do-i-replace-the-text-label-of-a-button-using-javascript-and-without-having

2条答案

按热度按时间

wwodge7n1#

看起来你的按钮是一个<input>元素，value属性设置为“保存”。要使用JavaScript更改按钮上的文本，你应该更新value属性。下面是你如何做的：

document.getElementById('ctl01_SaveButton').value = 'Next';

字符串
这行代码找到ID为“ctl01_SaveButton”的元素，并将其value属性更新为“Next”，从而有效地更改按钮上显示的文本。
请确保在页面加载后或在DOM中创建按钮元素后执行此JavaScript代码。您可以将脚本放置在HTML主体末尾的<script>标记中，或在文档准备就绪时使用事件侦听器运行代码。

document.addEventListener("DOMContentLoaded", function() {
    // Your code to change the button text here
    document.getElementById('ctl01_SaveButton').value = 'Next';
});

型
这确保了脚本在HTML完全加载后运行。

赞(0）回复(0）举报 5个月前

0yg35tkg2#

使用value，而不是innerHTML属性来改变这里的东西。

document.getElementById('ctl01_SaveButton').value = 'Next';

字符串

赞(0）回复(0）举报 5个月前

我来回答

jquery 如何使用JavaScript替换按钮的文本标签，而无需单击？

2条答案

相关问题

热门标签

最新问答