mit den jquery append() zum hinzufügen einer Schaltfläche zu einem Formular

Ich muss hinzufügen einer Schaltfläche zu einem Formular. Ich habe keine Kontrolle über die Logik, die schafft die form selbst... aber ich kann code hinzufügen, um die form, wenn es sein muss.

Den code für das Formular sieht wie folgt aus:

<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>

Ich weiß, ich kann noch ein div um das gesamte Formular, und fügen Sie zu, dass..., aber ich möchte die Schaltfläche neu, erscheint rechts neben dem "Anmelden" - button.
Ich habe versucht den folgenden code, aber es hat nicht funktioniert:

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

Ich nehme an, Sie können wahrscheinlich nicht anfügen an die Tasten... das ist der Grund, warum es nicht funktioniert hat.

Ich bin immer noch lernen jquery so, wenn es eine andere Methode abgesehen von den Anhängen, die ich verwenden könnte, bin ich ganz Ohr! Eigentlich ist der button nicht haben, um einen Teil der form, weil ich werde zum ausführen von client-side code, wenn darauf geklickt wird. Aber es hat erscheint neben dem login-button.

Dank.

Beachten Sie, name="submit" sollte vermieden werden, es kann zu Störungen bei der Formular-submit-Methode, wenn es direkt aufgerufen (wie form.submit())

InformationsquelleAutor dot | 2013-05-20

  1. 7

    können Sie nicht append alles, um den Eingang element ..

    Verwenden .after oder .before

     $('.submit').after($('<input type="button" value="test">'));
    Das habe ich versucht, aber es nicht schaffen, eine beliebige Taste drücken. Ich bin der überprüfung F12 im firefox... unter Konsole, ich sehe keine Fehler. Weder im Skript
    eigentlich nie Verstand. Ich habe den Fehler gefunden. fehlt ); es funktioniert!

    InformationsquelleAutor Sushanth --

  2. 2

    versuchen Sie dies: jsFiddle

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

    InformationsquelleAutor Justin

  3. 2

    Können Sie .after wie diese 

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

    ODER

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

    InformationsquelleAutor Mohammad Adil

Schreibe einen Kommentar