2010-01-16 2 views
3

Étant donné une forme avec les éléments suivants.soumettre un formulaire avec une nouvelle valeur en utilisant javascript. (MVC)

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

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

Je veux soumettre le formulaire en utilisant javascript avec une toute nouvelle valeur. Comment est-ce que je soumets le formulaire avec une toute nouvelle valeur pour le paramètre de bouton? Si je clique sur le bouton, les valeurs du formulaire contiennent soit button=Submit, soit button=Cancel Je veux soumettre avec button='MYVALUE'.

Comment y parvenir.

+0

Êtes-vous autorisé à utiliser toutes les bibliothèques javascript dans votre projet? – ziya

+0

Oui, j'ai jQuery. – Jim

Répondre

1

Avec l'exemple suivant:

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

je ceci:

// 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; 
} 

Démo en ligne: http://jsbin.com/aqenu

+0

Je dois soumettre le formulaire en utilisant la nouvelle valeur, ne pas intercepter le soumettre et fournir une nouvelle valeur. Les utilisateurs doivent également être en mesure de cliquer sur les boutons quand ils le souhaitent. Dans certaines circonstances je veux soumettre avec une nouvelle valeur en utilisant javascript/JQuery – Jim

+0

@Jim: Si vous supprimez la ligne 'return false;', il soumettra le formulaire avec les nouvelles valeurs. J'ai inclus cette ligne juste pour que vous puissiez voir que les valeurs étaient en effet changées. – Sampson

Questions connexes