java - 我想更改提交类型按钮的值？

Question

我有表格的代码。提交按钮代码：

<input type="submit" id="submit" value="Save" />

成功保存此表单后，我想将按钮的值更改为“更新”。我正在使用以下代码，但它不起作用。

$("#submit").click(function(){
$("#submit").val("Update");
});

Answer 1

更有可能的是，当您按下提交按钮时，您将离开页面然后重新加载它。

您需要防止表单的默认行为并使用 AJAX 来保存表单。

假设form是你的形式。您将执行以下操作：

form.submit(function (e) {
    e.preventDefault();
    // ...and then your AJAX call.
    // I won't go into the mechanics of AJAX,
    // as there is lots of documentation online.
    // Since you're using jQuery, I recommend http://api.jquery.com/jQuery.ajax/.
    // Then, in your success function I would use your code:
    $.ajax({
        success: function () {
            $("#submit").val("Update");
        }
    });
});

Answer 2

$("#submit").click(function(){
$("#submit").val("Update");
});

在这段代码中，#Submit 在 DOM 中应该是唯一的。DOM 中不应有任何其他具有 id 提交的元素。如果存在这样的元素，则代码将显示不规则性。我怀疑可能有不止一个 id=submit。试试下面的代码。

<input type="submit" id="submitButtonOne" value="Save" />

$("#submitButtonOne").click(function(){
$("#submitButtonOne").val("Update");
});

编辑：

如果您的按钮正在动态呈现，请尝试此操作

$(document).ready(function(){

    $('body').on('click','#submitButtonOne',function(){

        $(this).val("Update");

    })


});

确保您已加载 jquery 库。

Answer 3

试试这个

  $(function(){
   $("#submit").click(function(){

        $(this).val("Update");
       return false;
    });
 });