Я хочу изменить значение кнопки типа отправки?

Question

У меня есть код формы. Код для кнопки отправки:

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

После успешного сохранения этой формы, я хочу, чтобы изменить значение кнопки на «Update». Я использую следующий код, но он не работает.

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

Answer 1

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

В этом коде #submit должно быть уникальным в DOM. В DOM не должно быть никаких других элементов с id submit. Если существует такой элемент, код будет показывать неравномерность. Я подозреваю, что может быть более одного id = submit. попробуйте под кодом.

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

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

EDIT:

Если кнопка делает динамически попробовать это

$(document).ready(function(){ 

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

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

    }) 


}); 

убедитесь, что вы загрузили библиотеку Jquery.

Answer 2

попробовать это

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

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

Answer 3

Более вероятно, при нажатии на кнопку отправки, вы покидаете страницу, а затем загрузить его.

Вам необходимо предотвратить поведение формы по умолчанию и использовать 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"); 
     } 
    }); 
});