2011-07-27 22 views
19

Tengo problemas para borrar el valor del campo de texto creado a partir de la función jQuery clone. Estoy copiando add_new_content contenido y anexando uno con el último add_new_content element.it funciona bien. Pero en caso, haga clic en agregar_nueva_caja después de introducir texto en los campos de texto. clona con valor de entrada. Pero quiero un campo de texto nuevo.valor del campo de texto claro en el objeto clon

Marque

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

Guión

$(document).ready(function(){ 

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

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

}); 

}); 

Ejemplo de trabajo es Here

¿Cómo puedo hacer eso.

Respuesta

56

puede hacer coincidir el <input> elemento clonado con find() y restablecer su valor con val():

$('.add_new_content:last').clone() 
          .find("input:text").val("").end() 
          .appendTo('.add_new_content:last'); 
+3

end() .... wow gracias por enseñarme algo nuevo hoy! – Pinch

+0

Gracias. Acabo de aprender sobre end(). – lightup

+0

Gracias .end() hizo el truco para mí. Pero, ¿y si quiero clonar la lista de selección (seleccionar), cómo eliminar su opción? –

4

ajustar el valor justo antes, o después, que clonarlo.

$(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'); 

}); 

}); 
0

eliminar el valor después de clonar, por ejemplo.

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