Поле ввода прозрачной формы при переключении

Question

У меня есть форма, где я хочу, чтобы дополнительное поле было очищено, если пользователь изменил свой выбор. Я получил форму для добавления или удаления необязательной опции, но если пользователь вводит текст в необязательном поле, а затем изменяет свой ум и нажимает кнопку отмены, то я хочу, чтобы значение в необязательном поле было очищено , Мне нужно это, потому что, когда форма отправлена, важно, чтобы необязательное поле было пустым, если новая дата из необязательного поля не будет отправлена ​​в базу данных.

<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("") 
}); 

Это изменяет значение поля на "" или пустое.

Примечание: Textarea's там дважды, потому что я считаю, что некоторые браузеры не записывают контент textarea как value, а как innerHTML.

Редактировать: Если вы хотите удалить определенное поле, присвойте id этому полю в своем HTML-документе, а затем просто снимите его с помощью jQuery.

Например:

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

... и тогда ваш Jquery:

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

Так что, если вы дали .slidingDiv inputid "myInputField", и вы просто хотели, чтобы очистить вход и НЕ textarea, то ваш jQuery будет выглядеть так:

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

Это действительно, действительно, действительно базовый jQuery, поэтому убедитесь, что вы просматриваете некоторые уроки, прежде чем обращаться в StackOverflow за помощью!