Javascript 提交后更改表单提交按钮文本

提交后如何更改提交按钮文本？？我有一张带按钮的表格。我想在提交表单后将按钮文本从“单击”更改为“下一步”

         <form>
            <div class="form-group">
               <div class="rightbox"> <label for='phone'>phone</label></div>
               <div class="leftbox">
                <div class="col-sm-12">
                    <input class="text-box single-line" data-val="true" name="phone" type="tel" value="" />
                                        </div></div>
                </div>
                                <div class="form-group">
               <div class="rightbox"> <label for='phone'>mobile</label></div>
               <div class="leftbox">
                <div class="col-sm-12">
                    <input class="text-box single-line" data-val="true" name="phone" type="tel" value="" required />
                </div></div>
                </div>



                                <div class="form-group">
                <div class="col-sm-offset-3 col-sm-9">
                <div class="btnok">
                <br/>
                    <button type="submit" class="btn-primary" >
                      click
                    </button>

                    </div>
                </div>
            </div>
     </form>

电话
可移动的


点击

试试这个

首先，将

id

添加到表单和按钮中

<form id="myform">
     ....
     <button id="mybutton" type="submit" class="btn-primary" >
           click
     </button>
     ...
</form>

它对我有用。我希望有帮助

编辑

如果不想使用JQuery，可以在表单提交后使用

onSubmit

事件调用函数

$("#myform").bind('ajax:complete', function() {

         document.getElementById("mybutton").value="New Button Text";

   });

<form onsubmit="changeButton()">
     ....
     <button id="mybutton" type="submit" class="btn-primary" >
           click
     </button>
       ...
</form>

---

你可以试试下面的链接

更新链接：

$（“#保存”）。在（'click'，function（）上{
var$btnElm=$（此项）；
$（“表格”）。提交（函数（）{
返回$btnElm.text（'Next'）；
});  
})

---

试过什么了吗？你会想使用javascript/jquery…我想你可以使用类似的方法：@HAYMbl4是的，但我想在提交表单后做一些更改，不是一次点击我就尝试过了，但提交后我就不做了。只有在点击@andrewAre时才行。你使用Bootstrap吗？因为它在哪里提到了，如果表单提交，那么文本就会改变？您是否将JQuery回调函数放在

$（document）.ready（函数（）{/here/}）中了？@aynaz那么我认为您需要提供您的工作JSFIDLE
function changeButton(){
    document.getElementById("mybutton").value="New Button Text";   
}

$(document).ready(function(e) {

$('#theForm').submit(function() {
    var txt = $('#btnSubmit');
    txt.val("Next");
    return confirm("Do you want to save the information?");
  });

});