2011-04-19 48 views
0

我有一個SELECT,我選擇用戶有多少輛汽車。之後,他/她將獲得與INPUT相同數量的DIV來描述模型等。jQuery:克隆元素通過選擇SELECT OPTION

如何使用SELECT來克隆包含INPUT的DIV?

+0

請分享一些代碼。或者至少給jsfiddle一個鏈接。 – 2011-04-19 09:24:09

回答

0

這應該給你的總體思路...

$('select#cars').change(function() { 
    // Get number of cars chosen 
    var carsCount = $(this).val(), 
     // Get a reference to the first input group so we can clone it 
     carInput = $('#car-inputs div:first'); 

    // Clone per number chosen 
    for (var i = 0; i < carsCount; i++) { 
     // Insert clone after original. 
     // IRL, you probably need to do some preprocessing on it first. 
     carInput.clone().insertAfter(carInput); 
    } 
}); 
+0

謝謝亞歷克斯!我工作很棒。但是,如果我選擇了4(錯誤),然後再選擇3,它又增加了3個。我可以修改它,使其顯示正確的金額,無論我更改了多少次? – 2011-04-19 09:49:16

+0

@Kenneth * easy *方法是除了第一個'#car-inputs select:gt(0)'和remove()'之外的所有選項。然而,爲了保持文本在那裏,你可以在循環中設置「i」等於元素的當前「長度」。 – alex 2011-04-19 10:11:50

+0

我不明白。你會在哪裏使用這個?我想爲此ID或NAME計數。我想我可以使用:GT以及在這裏? – 2011-04-19 10:18:25

0

也許克隆可以幫助你:http://api.jquery.com/clone/

希望這有助於。

+0

我對Clone()很熟悉,但我不清楚如何將它與選擇選項結合在一起... :-) – 2011-04-19 09:51:48