Restoring selects after submit doesn't work

Question

THis is how i am trying (no firebug errors) to restore each select of my form to its first option value

/* $(this) is the form */
$(this).find('input[type="text"],textarea').val(''); /* This works */
$(this).find("select").each(function(){
    $(this).val($(this,"option:first").val());  /* this doesnt do anything */
});

what am i doing wroing?

-edit-

just found out.. this works, why not with the comma?

$(this).val($(this).find("option:first").val());

Possible duplicate: http://stackoverflow.com/questions/680241/resetting-a-multi-stage-form-with-jquery — Josh Mein, Jun 06 '12 at 16:23

thecodeparadox · Accepted Answer · 2012-06-06T16:23:26.623

1

Just try this:

$(this).find("select").change();

This will automatically set the first option value as default.

If you use you code you need:

$(this).find("select").each(function(){

    $(this).val($("option:first", this ).val());  /* this doesnt do anything */

                                   ^--- this will places here

});

Your $(this, "option:first") not worked because you code is searching a select within a option, but it should search option within search.

One format of jquery selector is

$(target, context);

edited Jun 06 '12 at 16:23

answered Jun 06 '12 at 16:17

thecodeparadox

86,271
21
138
164

sweet! easier than i thought! but still curious why selecting with the 'comma,' doesn't work – Toni Michel Caubet Jun 06 '12 at 16:19

Restoring selects after submit doesn't work

1 Answers1