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

工作代码段： -

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;