关闭时清除表单输入字段

Question

I have a form where I want an optional field to be cleared if the user changes his/her choice. I got the form to add or remove the optional option, but if the user type in text in the optional field, and then changes his/her mind, and hit the cancel button, then I want the value in the optional field to be cleared. I need this because when the form is submitted, it is important that the optional field is empty if no new date from the optional field is ment to be submitted to the database.

    <form>
      <a href="#" class="show_hide">+ Add New</a>
      <div class="slidingDiv">
        Artists name: <input type="text" name="name">
        Artists info: <textarea name="info" cols="65" rows="15"></textarea>  
        <a href="#" class="show_hide">Cancel</a>
      </div>
    </form>

-

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

Answer 1

$('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    $(".slidingDiv input").val("");
    $(".slidingDiv textarea").val("");
    $(".slidingDiv textarea").html("")
});

This changes the value of the field to "", or blank.

Note: Textarea's in there twice because I believe some browsers don't record the textarea's content as a value, but as innerHTML.

Edit: If you want to clear a specific field, assign an id to that field in your HTML, and then just clear its value using jQuery.

For example:

<input type="text" name="customerName" id="myInputField" />
<textarea name="customerResponse" id="myTextarea" /></textarea>

...and then your jQuery:

$("#myInputField").val("");
$("#myTextarea").val("");

So if you gave .slidingDiv input the id "myInputField", and you just wanted to clear the input and NOT the textarea, then your jQuery would look like this:

$('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    $("#myInputField").val("");
});

This is really, really, really basic jQuery, so make sure you look through some tutorials before coming to StackOverflow for help!