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

我是JQuery的新手，需要关于以下需求的建议。如何更改页面加载使用jQuery的提交按钮的显示值

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

请建议解决方案，或者如果有另一种方法来实现这一点。

HTML代码：

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

试过下面的jQuery选择更新按钮标签：

$("#submit").val($.i18n.prop('submit'));
$("#submit").html($.i18n.prop('submit'));
$("#submit").prop('value',($.i18n.prop('submit')));
$("#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>

来源

2016-07-28 KBP

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

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

来源

2016-07-28 21:49:18

它没有工作M.虽然我可以看到在Chrome的开发人员工具窗口中为该按钮更新的值属性。我们需要刷新这个组件吗？ – KBP

这是一个非常奇怪的行为，我在FF和Chrome上对它进行了测试，它似乎适用于我。顺便说一下，上面编写的代码可以通过'docuement.querySelector（“＃submit'）轻松转移到纯JS上。value = $ .i18n.prop（'submit'）;' - –

如果您的按钮是一个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 “提交”，以避免混淆。

来源

2016-07-28 21:56:37

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

回答

相关问题