我试图创建一个动态的编辑表单。用户可以添加更多行或删除行。在动态输入字段中显示多行
我的php没有问题。问题出在My Jquery上。
这里是我的HTML
<?php
$attributes = array('class' => 'form-horizontal', 'id' => '');
echo form_open_multipart($controller.'/save',$attributes);
?>
<div class="form-group">
<label class="col-sm-3 control-label">Attendance Date </label>
<div class="col-sm-7">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input id="datetimepicker_mask" type="text" value="<?=inggris_date($master->startdate)?>" readonly name="attendance_date" class="form-control"/>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Keterangan</label>
<div class="col-sm-5">
<textarea class="form-control" required name="keterangan"><?=$master->keterangan;?></textarea>
</div>
</div>
<table width="100%" id="example1" class="table table-bordered table-striped">
<tr> <td>
No.
</td>
<td> Nama Lengkap </td>
</tr>
<?php
$x = 0;
foreach($detail as $det) {
$x++;
?>
<tr id = 'ke<?=$x;?>'>
<td> <?=$x;?> </td>
<td>
<select name="nip[]" class="form-control select2">
<option> -- </option>
<?php foreach($emp as $orang){ ?>
<option <?php if($det->nip == $orang->Nip) echo "selected"; ?> value="<?=$orang->Nip;?>"> [<?=$orang->Nip;?>] - [<?=$orang->FullName;?>] </option>
<?php } ?>
</select>
</td>
</tr>
<?php } ?>
</table>
<div><a id="add_row" class="btn btn-success pull-left">Tambah Baris Baru</a> <a id="delete_row" class="pull-left btn btn-danger">Hapus Baris</a></div>
<br>
<br>
<div class="box-footer">
<button type="reset" class="btn btn-default">Reset</button>
<button type="submit" class="btn btn-info pull-right">Save</button>
</div><!-- /.box-footer -->
</form>
这里是我的Jquery
<?php $totaldata = count($detail); echo "Total data = ".$totaldata; ?>
<script type="text/javascript">
$(document).ready(function(){
var i=<?=$totaldata;?>;
$("#add_row").click(function(){
$('#ke'+i).html("<td>"+ (i+1) +"</td><td><select name='nip[]' class='form-control'>"+
"<option> -- </option>"+
<?php foreach($emp as $orang){ ?>
"<option value='<?=$orang->Nip;?>'> [<?=$orang->Nip;?>] - [<?=$orang->FullName;?>] </option>"+
<?php } ?>
"</select> </td>");
$('#example1').append('<tr id="ke'+(i+1)+'"></tr>');
i++;
});
$("#delete_row").click(function(){
if(i>1){
$("#ke"+(i-1)).html('');
i--;
}
});
});
</script>
所以,这里是第一次页面加载我的问题。的看法是这样的
然后在这里是当我点击Tambah Baris Baru
第二排走了什么发生。编号是错误的。
这发生什么事,当我点击Hapus Baris
它的正常工作。但编号是错误的。
那么,我该如何解决它?对不起,我的英语不好。谢谢。
的jsfiddle https://jsfiddle.net/0z2fcg39/
把你的代码的快速视图我会说这是一个在增量问题,当您添加或减去VAR我 – Icewine
我想是这样。但我试图给出一个来自细节的'totaldata'的值。 – YVS1102
请检查我的小提琴https://jsfiddle.net/0z2fcg39/ – YVS1102