Я использую .after
метод в Jquery для вставки html элемента.
Это мой Jquery Код
$('#add_terms').click(function () {
var i = $('#terms>textarea').length;
$terms = $('#terms' + i);
i++;
console.log($terms);
$terms.after('<br><br>' + i + '. <textarea id="terms' + i + '" name="terms[]" ' + 'cols="60" rows="2" style="vertical-align:middle;"></textarea>');
})
Мой html:
<table width="98%" cellspacing="1" cellpadding="3" style="border-collapse:separate; border-spacing:0px 10px;">
<form method="post" enctype="multipart/form-data" name="form1" id="form1" action='' target="_self">
<tr>
<td align="center"> terms</td>
<td id="terms">
1.
<textarea id="terms1" name="terms[]" cols="60" rows="2"
style="vertical-align:middle;"><?php echo $terms1?></textarea>
<br><br>
2.
<textarea id="terms2" name="terms[]" cols="60" rows="2"
style="vertical-align:middle;"><?php echo $terms2?></textarea>
<br>
<input id="add_terms" name="add_terms" type="button" class="bt-add" value="add" style="margin-top:10px">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input id="add" name="add" type="submit">
<input id="clear" name="clear" type="reset" class="bt-return">
</td>
</tr>
</form>
</table>
Я отправляю форму, затем я могу получить значение терминов 1 и терминов 2, используя
print_r ($ _ POST ['термины']);
Однако я не могу получить значение terms3
, terms4
.