当我单击加号
按钮时,我有一个动态行输入。但是我的行被添加到页面顶部,我希望它们被添加到我的第一行之后。这是我的代码:
<?php
?>
<div style="width:90%;margin:auto;">
<form method="post">
<div id="itemRows">
</div>
</form>
</div>
<script type="text/javascript">
var rowNum = 0;
function addRow(frm) {
rowNum ++;
var row = '<p id="rowNum'+rowNum+'"> <input type="text" name="name[]" value="'+frm.add_name.value+'"> <input type="button" value="Remove" onclick="removeRow('+rowNum+');"></p>';
jQuery('#itemRows').append(row);
frm.add_qty.value = '';
frm.add_name.value = '';
$( "name[]" ).insertAfter( "#add_name" );
}
function removeRow(rnum) {
jQuery('#rowNum'+rnum).remove();
}
</script>
这是我的输入:
<b>Dimanche</b> </br><?php echo $date1 ?>
</td>
<!-- numéro de projet du dimanche -->
<td>
<span id="numpro" >
<form method="post" action="" onsubmit="return false;">
<input onclick="addRow(this.form);" type="button" value="+" />
<input type="text" id="name" name="add_name"onkeypress="return handleEnter(event, this, 'task');"/>
<?php
if($result!=false && mysqli_num_rows($result)>0){
while($product = mysqli_fetch_array($result)):
?>
<p id="oldRow<?=$product['id']?>"> <input type="text" name="name<?=$product['id']?>" value="<?=$product['name']?>" /> <input type="checkbox" name="delete_ids[]" value="<?=$product['id']?>"> Mark to delete</p>
<?php
endwhile;
}
?>
</form>
最佳答案
使用 JQuery 的 .append() 方法在特定标记内逐个添加元素。
使用以下行更改您的代码:
$( "name[]" ).append( "#add_name" );
关于javascript - 在 php javascript 之后动态插入行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22763225/