2012-01-20 40 views
1

我一直在試圖讓同一頁上的兩個表單工作,唯一的問題是我沒有得到克隆輸入工作,他們似乎因爲div元素而相互衝突。jQuery克隆在同一頁上以兩種形式輸入?

我一直在使用本教程作爲指南: http://www.9lessons.info/2009/06/submit-multiple-forms-jquery-ajax.html

這裏是一個形式的工作代碼: http://jsfiddle.net/yBdTA/

,這就是我想要實現: http://jsfiddle.net/c4Uce/

注意,當您點擊第二個「添加更多」鏈接時,首先輸入克隆而不是第二個。

我知道我可以複製的jQuery功能的克隆相匹配的第二種形式:

$(function(){ 
     var removeLink = ' <a class="remove" href="#" onclick="jQuery(this).parent().slideUp(function(){ jQuery(this).remove() }); return false">remove</a>'; 
     jQuery('a.add').relCopy({ append: removeLink});  
    }); 

,但我想這是,我怎麼能調用它,動態?像9lessons指南,我可以使用PHP爲克隆元素創建唯一標識符,並希望jQuery匹配ID,

希望我明確這一點。

幫助讚賞。

回答

0

U可以嘗試一下,它的工作多形式

http://jsfiddle.net/yBdTA/2/

(function($) { 

    function remove(){ 
    $('.clone').each(function(i){ 
      var input= $(this); 
      input.find('a.remove').click(function(){ 
       input.remove(); 
      }); 
     }); 
    } 

    $('form').each(function(i){ 
      var form = $(this); 
      var removeLink = '<a class="remove" href="#">remove</a>'; 
      var iputclone = form.find('p.clone').append(removeLink); 

      form.find('a.add').click(function(){ 
       iputclone.clone().insertBefore(this); 
       remove(); 
      }); 
     }); 


})(jQuery); 

更新:

iputclone.clone().insertBefore(this).find('.input').attr('value',''); 

//So easy, U can think a object when we start will is ifself, use it next, and next 
+0

甜,看起來像是後:)我是會給一個嘗試tomz並讓你知道。 Thankyou – Shoebox

+0

嗯,我與新的jquery,只是嘗試它。 ^^。很高興能幫到你 –

+0

感謝Mif,我給了它之前,一切都完美無缺,一旦添加了新克隆,我將如何移除輸入的值? – Shoebox