输入类型=提交时更改输入值

Question

I have an input like the one below:

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

I want to change the value to 'Other Text'. When I use the .val(),attr() or .prop() jQuery method the value changes fine but when I submit, the input doesn't work any more.Just refreshes the page without doing what its supposed to.

Same result with .setAttribute method.

How do I get the input to work correctly now the value has been changed?

Answer 1

Try this

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

Source : Change text on submit button after submission

Answer 2

Check this

 $(document).ready(function(){ $(".submit").click(function(){ $(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

You can prevent submitting form or in click event of button:

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

Answer 4

I believe it was server side script was checking the value, so had to change the value back when clicked.

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

This seems to be working 'ok' now. Not ideal but works