Question

我有动态页面，点击提交按钮时从数据库中获取数据。我想在点击时更改提交按钮的值。

显示数据------＆gt;刷新

    <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");
});

Here is the JSFiddle demo

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>

OR

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

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

4 个答案: