單擊后如何使用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>