2010-06-25 96 views
1

请快速提问。你如何处理JQuery克隆对象?JQuery进程克隆对象

简单的例子:

<div class="hello"> 
<select name="products[]"> 
<?php foreach ($pageposts as $post): 
<option value="'.$post->ID.'">'.$post->post_title.'</option> 
endforeach;?> 
</select> 
<input type="text" name="try[]"> 
<br/> 
</div> 
<form> 
<div id="goodbye"></div> 
<input type="button" id="rp" value="add"> 
</form> 

这个jQuery(下面)创建类 '你好' 的.goodbye DIV这是一种形式的内部内的 “克隆/秒”。

$j=jQuery.noConflict(); 
$j(document).ready(function() { 
$j('#rp').click(function(){ 
var str = $j(this).parent('form').serialize(); 
$j('.hello').clone().removeClass('hello').appendTo('#goodbye'); 
alert(str); 
}); 
}); 

我需要做的是过程,“克隆”选择放置在表单内/输入。警报在那里,所以我可以看到什么时候(我不知道)值得通过。

在此先感谢

回答

0

的问题是这里的排序,这两条线被颠倒:

var str = $j(this).parent('form').serialize(); 
$j('.hello').clone().removeClass('hello').appendTo('#goodbye'); 

你序列化<form>添加到它,只要将它周围像这样:

$j=jQuery.noConflict(); 
$j(document).ready(function() { 
    $j('#rp').click(function(){ 
     $j('.hello').clone().removeClass('hello').appendTo('#goodbye'); 
     var str = $j(this).parent('form').serialize(); 
     alert(str); 
    }); 
});​ 

You can see a working demo here