我希望多次克隆两个表单元素。一个选择框和它的标签,但是每次我克隆元素时,我都想从数组中提供标签文本。我是以正确的方式接近这个还是我应该尝试一些不同的东西
<a href="#" onClick="createElement(5)">CLICK ME</a>
<div id="selectBox1" class="cloned">
<label>LABEL</label>
<select name="name1" id="name1">
<option>ONE</option>
<option>TWO</option>
<option>THREE</option>
</select>
</div>
</a>
function createElement(numElements) {
//alert(numElements);
//LABEL ARRAY
var labels = [
'Market',
'Store',
'Report Level',
'Start Date',
'End Date'];
for (i = 0; i < numElements-1; i++) {
var num = $('.cloned').length;//HOW MANY WE HAVE
var newNum = new Number(num + 1); //NUMBER OF ELEMENT BEING ADDED
//LABEL
//var newLabel = $('#selectLabel' + num).clone().attr('id', 'selectLabel' + newNum);//CLONE LABEL
//newLabel.children(':first').attr('id', 'name' + newNum);//UPDATE NAME/ID
//SELECTBOX
var newElem = $('#selectBox' + num).clone().attr('id', 'selectBox' + newNum);//CLONE SELECTBOX
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);//UPDATE NAME/ID
//$('#selectLabel' + num).after(newLabel);//INSERT THE NEW LABEL
$('#selectBox' + num).after(newElem);//INSERT THE NEW ELEMENT
}
}