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

在此代码中，＃SUB在DOM中应该是唯一的。在提交id的DOM中不应该有任何其他元素。如果存在这样的元素，则代码将显示不规则性。我怀疑可能有多个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;
    });
 });

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

3 个答案: