submit form with a new value using javascript. (MVC)

Question

Given a form with the following elements.

<input name='button' value='Submit' type='submit'/>

<input name='button' value='Cancel' type='submit'/>

I want to submit the form using javascript with a completely new value.

this.form['button'] = 'MYVALUE';
this.form.submit();

How do I submit the form with a completely new value for the button parameter? If I click the button the form values contain either button=Submit OR button=Cancel I want to submit with button='MYVALUE'.

How do I achieve this.

Are you allowed to use any javascript libraries in your project? — mtmk
– mtmk, Commented Jan 16, 2010 at 18:44

Sampson · Accepted Answer · 2010-01-16 18:41:22Z

1

With the following example:

<form name='myForm'>
  <input type='submit' name='subBtn' value='Submit' />
  <input type='submit' name='subBtn' value='Cancel' />
</form>

I used this:

// Intercept the 'onsubmit' function
document.myForm.onsubmit = function(){
  // Cycle through each name='subBtn'
  for (i = 0; i < this.subBtn.length; i++) {
    // Reset value property of current button in iteration
    this.subBtn[i].value = "My Value";
  }
  // Prevent form submission
  return false;
}

Demo Online: http://jsbin.com/aqenu

edited Jan 16, 2010 at 18:41

answered Jan 16, 2010 at 18:34

Sampson

269k76 gold badges546 silver badges570 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jim Over a year ago

I need to submit the form using the new value, not intercept the submit and supply a new value. The users must also be able to click the buttons when they want to. Under some circumstances I want to submit with a new value using javascript / JQuery

Sampson Over a year ago

@Jim: If you remove the return false; line it will submit the form with the new values. I included that line just so you can see that the values were indeed getting changed.

Collectives™ on Stack Overflow

submit form with a new value using javascript. (MVC)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related