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

How to change display value of the Submit button on page load using jquery

本文关键字：提交 按钮 显示 加载 jquery 何使用      更新时间：2023-09-26

我是JQuery的新手，需要对以下需求提出建议。

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

请提出解决方案，或者是否有其他方法可以实现这一点。

HTML代码：

<input type="submit" data-inline="true" id="submit" value="Submit"/>

已经尝试了以下jQuery选项来更新按钮标签：

  1. $("#submit").val($.i18n.prop('submit'));
  2. $("#submit").html($.i18n.prop('submit'));
  3. $("#submit").prop('value',($.i18n.prop('submit')));
  4. $("#submit").text($.i18n.prop('submit'));

它们都不起作用。但我看到这个按钮的值在开发人员工具窗口中更新如下。

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow"> Submit <input type="submit" id="submit" value="New Text"> </div>

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

（尽管这是一个JS解决方案，而不是JQuery解决方案）

如果您的按钮是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，以避免混淆。

相关文章：