CODEWITHSUNDEEP
javascriptjquery
ShaneKm
ShaneKm

Reputation: 21328

Jquery clear form in a section

for the following:

<div class="section grouping">
    <div class="sectionControl">
        <div class="parent row errorOn">
            <div class="validGroupControl">
                <div class="row2 itemWrap clearfix">
                    <label>Login1 (adress e-mail)<span class="iconReq">&nbsp;</span>:</label>
                    <input type="text" class="text">
                </div>
                <div class="itemWrap clearfix">
                    <label>Input field1<span class="iconReq">&nbsp;</span>:</label>
                    <input type="password" class="text">
                </div>
                <a href="#" class="iconClose" onclick="$(this).closest('div.parent').remove();" title="remove">remove</a>
            </div>
        </div>
    </div>
    <div class="row addControl">
        <a href="#" class="button" onclick="$('div.sectionControl').append($('div.sectionControl div.parent:last').html());">Add</a>
    </div>
</div>

when I run this:

$('div.addControl a.button').click(function () {
    var parent = $(this).closest('.section.grouping').find('.parent:last');
    parent.after(parent.clone());
});

it clones 'parent' section which works great. But i want it to clone it without values in the input fields.

what's the best way to clear all input fields in a section? thanks

Upvotes: 0

Views: 268

Answers (1)

Shadow Wizard
Shadow Wizard

Reputation: 66389

Can't see any reason why this won't work..

var oClone = parent.clone();
oClone.find("input").val("");
parent.after(oClone);

Upvotes: 1

Related Questions