我正在创建一个动态表单,用户可以在其中动态添加元素。我能够让他们添加文本框,但我不知道如何添加我的下拉菜单到它。这里是我的jQuery代码将下拉菜单添加到我的动态表单中jQuery
var addDiv2 = $('#addIngredient');
var i = $('#addIngredient p').size() + 1;
$('#addNewIngredient').on('click', function() {
$('<p> <input id="ingredient_' + i + '" name="ingredient[]" type=text"
value="" placeholder="Ingredient" />
<input id="quantity_' + i + '"
name="quantity[]" type=text" value="" placeholder="Quantity" />
<input id=alternative_' + i + '" name="alternative[]" type=text"
value"" placeholder="Alternative Ingredient" />
<a href=#" class="remNew2"> Remove </a> </p> ').appendTo(addDiv2);
,这里是我的html
<div id="addIngredient">
<p>
<input type="text" id="ingredient_1" name="ingredient[]" value=""
placeholder="Ingredient"/>
<input type="text" id="quantity_1" name="quantity[]" value=""
placeholder="Quantity"/>
<input type="text" id="alternative_1" name="alternative[]" value=""
placeholder="Alternative Ingredient"/>
<select id="selectQuantity_1" name="quantityType[]">
<option value="grams">Grams</option>
<option value="ounces">Ounces</option>
<option value="Pounds">Pounds</option>
</select>
<a href="#" id="addNewIngredient">Add</a>
我都试过,但不能做出来,帮助将不胜感激!
这里是的jsfiddle http://jsfiddle.net/3yFFr/
忽略了jQuery我粘贴了以下一点,我不得不给它的所有粘贴为它工作。
我需要这样做,因为我已经完成了上面的操作,所以每个成分的名称都是这样的,因此成分_1成分_2,因为我用PHP处理它后 –