变化值，当输入类型=提交

Question

我有类似下面的输入：

<input class="submit" type="submit" name="submit" value="Blah"> 

我想改变其取值为“其他文本”。 当我使用.val（），attr（）或.prop（）jQuery方法时，值改变的很好，但是当我提交时，输入不再工作。只刷新页面而不做它应该做的事情。

与.setAttribute方法相同的结果。

现在如何让输入正常工作，现在值已被更改？

Answer 1

试试这个

<input type=button name="b1" value="Submit" onclick="javascript:document.MyForm.b1.value='Done'"> 

来源：Change text on submit button after submission

Answer 2

入住这

$(document).ready(function(){ 
 
    $(".submit").click(function(){ 
 
    \t $(this).val("OtherText"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="submit" type="submit" name="submit" value="Blah">

Answer 3

您可以阻止提交表单或按钮的单击事件：

$(".submit").click(function(e){ 
    e.preventDefault(); 
    $("#inputbox").val("OtherText"); 
    //Now you can submit form manually here 
    $("#form").submit(); 
}); 

Answer 4

我相信这是服务器端脚本正在检查值，所以不得不在点击时改回值。

if ($('.submit').length > 0) { 
    $('.submit').prop('value', 'Other Text'); 
    $('.submit').click(function(){ 
    $('.submit').prop('value', 'blah'); 
    });} 

这似乎现在工作'好'。不理想，但作品