Jquery：按钮值更改不起作用，但更改显示在检查元素上

Question

我正在使用 jquery 来更改输入 [type=submit] 值。

我有四到五个 html <form>。标题和正文上的 2 种表格可以按我的意愿工作。但是页脚和联系我们页面上的其他 2 个表单不起作用。我的意思是输入值不变。当我看到检查元素时。 检查元素代码显示值发生变化，但前视图值没有变化。

我的 Jquery 版本是 jquery-3.3.1.min.js

我试过这个代码：

$('#footer-btn').attr("value", 'Please wait..');
$('#footer-btn').prop("value", 'Please wait..');
$('#id input[type=submit]').prop("value", 'Please wait..');
$('#id input[type=submit]').attr("value", 'Please wait..');

**但是相同的代码，两种形式改变了他的输入值，另外两种形式没有改变他的输入值 请解决错误。 **

Answer 1

似乎您确实想更改按钮文本，但您是通过.prop() or .attr() 使用value 进行的，这是不正确的。

要更改按钮的文字，你需要使用.html()或.text()

$('#footer-btn').html('Please wait..');
$('#footer-btn').text('Please wait..');

工作 sn-p：-

$(document).ready(function(){
  $('#footer-btn').html('Please wait..');
  $('#footer-btn1').text('Please wait for 5 second..');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="footer-btn">Click Me!</button>

<button id="footer-btn1">Click Me too!</button>