我想更改提交類型按鈕的值？

Question

我有一個窗體的代碼。 代碼提交按鈕：

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

後成功挽救這種形式，我想改變按鈕「更新」的價值。 我正在使用下面的代碼，但它不工作。

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

Answer 1

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

在此代碼#Submit應該是在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 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"); 
     } 
    }); 
});