web-dev-qa-db-fra.com

effacer la valeur du champ de texte dans l'objet clone

Je ne parviens pas à effacer la valeur du champ de texte créé à partir de jQuery clone function. Je ne fais que copier add_new_content content et l'ajouter avec le dernier élément add_new_content.Il fonctionne bien. dans le cas où, en cliquant sur add_new_box après avoir entré du texte dans les champs de texte signifie. il clone avec la valeur d'entrée.mais je veux un champ de texte frais.

Marquer 

<div class="add_new_content">
<div class="add_new_box">ADD NEW</div>
<input type="text" value="" />
</div>   

Scénario

$(document).ready(function(){

 $(".add_new_box").live('click',function(){

 $('.add_new_content:last').clone().appendTo('.add_new_content:last');

});

});

Exemple de travail est Ici

Comment puis je faire ça.

21
Gowri

Vous pouvez associer l'élément <input> cloné avec find () et réinitialiser sa valeur avec val () :

$('.add_new_content:last').clone()
                          .find("input:text").val("").end()
                          .appendTo('.add_new_content:last');
71
Frédéric Hamidi

définissez la valeur juste avant ou après, vous la clonez.

$(document).ready(function(){

 $(".add_new_box").live('click',function(){

 var clone = $('.add_new_content:last').clone();
 clone.find("input").val("");
 clone.appendTo('.add_new_content:last');

});

});
6
DefyGravity

supprimez la valeur après l'avoir clonée, par exemple.

var $clone = $('.add_new_content:last').clone();
$clone.find('input').val('');
$clone.appendTo('.add_new_content:last');
0
marcnewport