单击后如何使用JavaScript或jQuery更改Submit按钮的值？

Question

我有一个动态页面，当单击“提交”按钮时，该页面将从数据库中获取数据。 我想在单击提交按钮时更改其值。

显示数据------>刷新

    <button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Show Data</button>

当我单击一次此按钮时，它将隐藏并显示

   <button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Refresh</button>

Answer 1

试试这个JSfiddle

$(document).ready(function() {
  $("button").click(function() {
    $(this).text( ($(this).text() == 'Show Data' ? 'Refresh' : 'Show Data') )
  })

}）

Answer 2

您可以执行以下操作：

$("#showdata").click(function() {
  $(this).text("Refresh");
});

这是JSFiddle演示

Answer 3

您可以更改onclick事件的html文本

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata" onclick="changeHtml(this)">Show Data</button>

<script>
    function changeHtml(id) {
         id.innerHTML = "Refresh!";
    }
</script>

要么

通过jQuery

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Show Data</button>

<script>
    $( "#showdata" ).click(function() {
        $("#showdata").html('Refresh');
    });
</script>

Answer 4

不要调用该值，因为它已经具有了值，只需说出text或innerHTML即可。

 <script type="text/javascript">
     document.getElementById("showdata").onclick = function () {
        this.innerHTML = "Refresh";
     }
 </script>