如何更改输入按钮的显示文本，而不更改其值？答案

【问题标题】：How to change the displayed text of an input button, without changing the value of it?如何更改输入按钮的显示文本，而不更改其值？
【发布时间】：2012-09-18 23:25:46
【问题描述】：

我想将输入提交按钮的显示文本从说 foo 更改为 bar。但我不想改变价值。有人可以帮忙吗？

<input type="submit" name="random" value="foo" />

【问题讨论】：

这种疯狂有什么原因吗？也许我们可以帮助您找到更好的解决方案来解决您正在尝试解决的问题。

标签： javascript html forms input

【解决方案1】：

对不起，你不能。不过你可以试试这个：

<button value="foo">bar</button>

【讨论】：

ie bar 如果此按钮在表单内
不，谢谢 D：我想保留我拥有的代码并添加代码。（这只是我的观点，而不是我可能遇到的其他问题。）
@user1420493 那么你不能用<input>来做到这一点。对不起！
没关系，我只是找到了另一种使用 css 的方法 :)

【解决方案2】：

复制粘贴制作：

< script type="text/javascript" >
function replaceScript() {
    var toReplace = 'value="foo"';
    var replaceWith ='value="bar"';
    document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
}
< /script >

然后在 body 标记中初始化以在页面加载时执行。

<body OnLoad = "replaceScript();">

应该可以正常工作并替换 html 正文代码中的所有实例。

来源：find and replace string

【讨论】：

这将起作用，除非有数百个输入按钮实例都具有不同的值，但我得到了我需要的东西，而且它比我在这个问题中计划的要好。不过还是谢谢！
你能分享一下你得到了什么吗？

【解决方案3】：

<button type="submit" name="random" value="foo">bar</button> 这对我有用。在 Chrome 和 Firefox 上测试。

【讨论】：