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

Question

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

我有四到五个 html <form> 。标题和正文上的 2 个表单按我想要的方式工作。但页脚和联系我们页面上的其他 2 个表格不起作用。我的意思是输入值不变。当我看到检查元素时。 检查元素代码显示值更改，但在前 View 中值未更改。

我的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..');

**但是相同的代码两个表单更改了他的输入值，另外 2 个表单没有更改他的输入值请解决错误。**

Answer 1

似乎您确实想要更改按钮文本，但您是通过 .prop() 或 .attr() 使用 value 来完成此操作，这是不正确的。

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

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

工作片段:-

$(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>