Question

我是JQuery的新手，需要有关以下要求的建议。

我有一个带有提交按钮的表单，如下所示。页面接受locale作为输入参数。根据{{1}}的值，在页面加载时，我使用locale插件以相应的语言填充输入字段的标签，但我无法更新按钮的显示值。

请建议解决方案，或者是否有其他方法可以实现此目的。

HTML code：

jQuery.i18n.properties.js

尝试过以下jQuery选项来更新按钮标签：

<input type="submit" data-inline="true" id="submit" value="Submit"/>
$("#submit").val($.i18n.prop('submit'));
$("#submit").html($.i18n.prop('submit'));
$("#submit").prop('value',($.i18n.prop('submit')));

他们都没有奏效。但是我发现这个按钮会在开发人员工具窗口中更新，如下所示。

$("#submit").text($.i18n.prop('submit'));

Answer 1

试试$("#submit")[0].value = $.i18n.prop('submit');。这对你有用吗？

（即使它是JS解决方法，而不是JQuery解决方案）

Answer 2

如果您的按钮是input标记，请使用jQuery val：

function changeBtnText() {
  $("#submit").val("My new button text");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" id="submit" value="My button">
<button type="button" onclick="changeBtnText()">Change button text</button>

如果您的按钮是button标记，请使用jQuery text（或html）：

function changeBtnText() {
  $("#submit").text("My new button text");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" id="submit">My button</button>
<button type="button" onclick="changeBtnText()">Change button text</button>

注意：我建议您为按钮提供与“提交”不同的ID，以避免混淆。

如何使用jquery更改页面加载时“提交”按钮的显示值

2 个答案: