à l'aide de jquery append() pour ajouter un bouton dans un formulaire

J'ai besoin d'ajouter un bouton dans un formulaire. Je n'ai pas de contrôle sur la logique qui crée la forme elle-même... mais je peux ajouter du code dans le formulaire, en cas de besoin.

Le code pour le formulaire ressemble à ceci:

<form action="/cgi-bin/a/logon" method="POST">
     <DT>Login ID</DT>
       <DD>
          <input class=" text" type="text"  name="id"  value="">
       </DD>
     <DT>Password</DT>
       <DD>
          <input class=" password" type="password"  name="password"  value="">
       </DD>
       <DT></DT>
       <DD><input class="submit" type="submit" name="submit" value="Logon">
      </DD>
</FORM>

Je sais que je peux ajouter un div autour de l'ensemble du formulaire et de les ajouter à ça... mais je voudrais que le bouton à droite de l'écran, à côté de la "Connexion" bouton.
J'ai essayé le code suivant, mais il ne fonctionne pas:

<script type="text/javascript">
        $(document).ready(function() {
           $('.submit').append($('<input type="button" value="test">'));
        });
</script>

Je suis en supposant que vous ne pouvez probablement pas ajouter un bouton... c'est pourquoi il ne fonctionne pas.

Je suis encore à apprendre jquery, donc si il y a une autre méthode à part ajouter que j'ai pu utiliser, je suis tout ouïe! En fait, le bouton ne doit pas être une partie de la forme, car je vais exécuter côté client code lorsqu'il est cliqué. Mais il doit apparaître à côté du bouton de connexion.

Grâce.

Remarque, name="submit" devrait être évité, il peut interférer avec la soumission du formulaire méthode si elle est appelée directement (comme form.submit())

InformationsquelleAutor dot | 2013-05-20

7

vous ne pouvez pas ajouter quelque chose à l'entrée élément ..

Utilisation .after ou .before
```
 $('.submit').after($('<input type="button" value="test">'));
```
- J'ai essayé, mais ça ne veut pas créer n'importe quel bouton. Je suis la vérification de la touche F12 dans firefox... sous la console, je ne vois pas d'erreurs. Ni dans le script
- en fait, jamais l'esprit. J'ai trouvé l'erreur. manquants ); ça marche!!!
InformationsquelleAutor Sushanth --

essayez plutôt ceci: jsFiddle

$('<input type="button" value="test">').insertAfter('.submit');

InformationsquelleAutor Justin

Vous pouvez utiliser .after comme ce

$('.submit').after('<input type="button" value="test" />');

$('form').append('<input type="button" value="test" />');

InformationsquelleAutor Mohammad Adil

Vous devez vous connecter pour publier un commentaire.