JQuery - Formular zurücksetzen - "Select" -Feld ausschließen

8

Alle,

Ich kann alle meine Formularelemente mit der folgenden JQuery-Syntax zurücksetzen:

%Vor%

Wie kann ich dies ändern, um das Zurücksetzen von "Auswahlbox" -Werten auszuschließen?

Danke

    
Jake 04.01.2010, 23:08
quelle

4 Antworten

10

An alle ..

Die Reset-Funktion setzt nicht alles auf '' (leere Zeichenkette)

es auf ihre Anfangswerte zurückgesetzt .. (gespeichert in der Wert-Attribut oder ausgewählte Option etc ..)

Wenn Sie die Standard-Reset-Funktionen beibehalten möchten, sollten Sie

verwenden
  1. Erhalte alle <select> -Elemente
  2. erhält die aktuell ausgewählten Werte
  3. Setzen Sie das Formular wie bisher
  4. zurück
  5. setzt das ausgewählte
  6. zurück

Beispiel:

%Vor%     
Gaby aka G. Petrioli 05.01.2010, 18:37
quelle
6

Das ist nicht jQuery, es ist natives JavaScript. [0] bringt das eigentliche DOM-Element heraus, also ist es dasselbe wie:

%Vor%

reset() ist eine integrierte Browserimplementierung, die das gesamte Formular zurücksetzt. Wenn Sie einzelne Formulartypen zurücksetzen müssen, versuchen Sie Folgendes:

%Vor%

Sie können alle Formularselektoren hier sehen: Ссылка

    
David 04.01.2010 23:30
quelle
0

Sie können einen Fake-Reset durchführen, indem Sie die Werte auf eine leere Zeichenfolge setzen und die Kontrollkästchen mit der Antwort von David zurücksetzen (oder vollständiger ). Sie können auch versuchen, den Wert jedes ausgewählten Elements vor dem Zurücksetzen des Formulars zu speichern und anschließend die Werte nach:

wiederherzustellen %Vor%     
Lance McNearney 04.01.2010 23:41
quelle
0

Aus welchem ​​Grund auch immer, David's richtige Antwort hat mein Google Chrome js. Es sagt:

Uncaught TypeError: Die Eigenschaft 'reset' von Objekt # ist keine Funktion

... also entschied ich mich, eine etwas andere Lösung zu versuchen:

  • Geben Sie native Browser-Reset-Schaltflächen Attribute "versteckt" und legen Sie "id":

<input id="resetbutton" type="reset" style="visibility:hidden;" name="reset" value="reset" />

  • Initiiere das JQuery "click" -Ereignis auf der Reset-Schaltfläche, indem du auf den Link klickst:

<a href="#" onclick="$('#resetbutton').click();">Reset</a>

    
Keith Wagner 26.06.2012 13:52
quelle

Tags und Links