Καθαρισμός πεδίων φόρμας με jQuery

Question

Περισσότερα

Πηγή Μη AMP-έκδοση Επεξεργασία

Καθαρισμός πεδίων φόρμας με jQuery

Θέλω να διαγράψω όλα τα πεδία εισόδου και τα πεδία περιοχής κειμένου σε μια φόρμα. Λειτουργεί ως εξής όταν χρησιμοποιώ ένα κουμπί εισόδου με την κλάση reset:

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

Αυτό θα καθαρίσει όλα τα πεδία στη σελίδα, όχι μόνο αυτά της φόρμας. Πώς θα έμοιαζε ο επιλογέας μου μόνο για τη φόρμα στην οποία ζει το πραγματικό κουμπί επαναφοράς;

Elnur Abdurrakhimov

Επεξεργασμένη ερώτηση Κάνε Μάρτιος 2013 в 9:07

Προγραμματισμός

html forms jquery

Κάνε Ιούνιος 2011 в 8:59

19 προβολές

ngen · Answer 1 · 2011-06-15T21:01:44+00:00

Για jQuery 1.6+:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

Για jQuery < 1.6:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .removeAttr('checked')
  .removeAttr('selected');

Παρακαλούμε δείτε αυτή τη δημοσίευση: https://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery

Ή

$('#myform')[0].reset();

Όπως προτείνει η jQuery attr:

Για να ανακτήσετε και να αλλάξετε τις ιδιότητες DOM, όπως η κατάσταση checked, selected ή disabled των στοιχείων φόρμας, χρησιμοποιήστε τη μέθοδο .prop().

parapura rajkumar · Answer 2 · 2011-06-15T21:03:43+00:00

parapura rajkumar

Πηγή Μη AMP-έκδοση Επεξεργασία

Αυτό δεν θα χειριστεί περιπτώσεις όπου τα πεδία εισόδου της φόρμας έχουν μη κενές προεπιλεγμένες τιμές.

Κάτι σαν

$('yourdiv').find('form')[0].reset();

60

0

Σχόλια (1)

Matt Ball · Answer 3 · 2011-06-15T21:02:25+00:00

Γιατί πρέπει να γίνει με οποιαδήποτε JavaScript;



    <input type="reset" value="Reset"/>

http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords

Δοκίμασα πρώτα αυτό, δεν θα καθαρίσει πεδία με προεπιλεγμένες τιμές.

Εδώ'είναι ένας τρόπος για να το κάνετε με jQuery, τότε:

$('.reset').on('click', function() {
    $(this).closest('form').find('input[type=text], textarea').val('');
});