0

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

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

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

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

3 回答 3

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");
        }
    });
});
于 2013-07-23T11:47:26.097 回答
-1
$("#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 库。

于 2013-07-23T11:31:45.287 回答
-1

试试这个

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

        $(this).val("Update");
       return false;
    });
 });
于 2013-07-23T11:47:21.910 回答