我有一個SELECT,我選擇用戶有多少輛汽車。之後,他/她將獲得與INPUT相同數量的DIV來描述模型等。jQuery:克隆元素通過選擇SELECT OPTION
如何使用SELECT來克隆包含INPUT的DIV?
我有一個SELECT,我選擇用戶有多少輛汽車。之後,他/她將獲得與INPUT相同數量的DIV來描述模型等。jQuery:克隆元素通過選擇SELECT OPTION
如何使用SELECT來克隆包含INPUT的DIV?
這應該給你的總體思路...
$('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);
}
});
謝謝亞歷克斯!我工作很棒。但是,如果我選擇了4(錯誤),然後再選擇3,它又增加了3個。我可以修改它,使其顯示正確的金額,無論我更改了多少次? – 2011-04-19 09:49:16
@Kenneth * easy *方法是除了第一個'#car-inputs select:gt(0)'和remove()'之外的所有選項。然而,爲了保持文本在那裏,你可以在循環中設置「i」等於元素的當前「長度」。 – alex 2011-04-19 10:11:50
我不明白。你會在哪裏使用這個?我想爲此ID或NAME計數。我想我可以使用:GT以及在這裏? – 2011-04-19 10:18:25
也許克隆可以幫助你:http://api.jquery.com/clone/
希望這有助於。
我對Clone()很熟悉,但我不清楚如何將它與選擇選項結合在一起... :-) – 2011-04-19 09:51:48
請分享一些代碼。或者至少給jsfiddle一個鏈接。 – 2011-04-19 09:24:09