Question

我想创建表并在用户点击按钮时动态添加行。对于同一个表列，我想获取数据从数据库中将其显示在下拉列表中。我用ajax函数来获取数据。 Ajax函数也可以正常工作但我无法添加新行到表。请帮我解决这个问题。

这是我的代码; 我觉得我在JavaScript函数中添加PHP代码的方式有问题，但我不知道如何解决它。请帮帮我。

HTML ............................................

<table class="table table-bordered table-hover table-striped">
                                    <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Group</th>                                
                                        <th>Quantity</th>                                
                                        <th>Status</th>
                                        <th>Cost</th>
                                        <th><input type="button" class="addrow btn btn-success" value="Add Row "></th>
                                    </tr>
                                    </thead>
                                    <tbody id="body">
                                    <tr>
                                        <th>1</th>
                                        <td>
                                            <?php $Treatments['#'] = 'Please Select'; ?>
                                            <?php echo form_dropdown('tcode', $Treatments, '#', 'class="form-control" id="group"'); ?>

                                        </td>

                                        <td><input type="text" class="form-control quantity" size="3" id="quantity" name="quantity[]" size="3" /></td>

                                        <td>
                                            <select class="form-control status" id="status[]" name="status[]">
                                                <option>Proposed</option>
                                                <option>Done</option>
                                                <option>Not Done</option>
                                                <option>Not Required</option>
                                            </select>
                                        </td>

 <td><input type="text" class="form-control cost" size="3" id="cost" name="cost[]" /></td>
</tr>

 </tbody>
</table>

JavaScript的 ................................................. < / p>

$(function(){
        $('.addrow').click(function(){
            addrow();
        });
 function addrow()
        {
            var row =($('#body tr').length-0)+1;
            var tr ='<tr>'+
                '<th>'+row+'</th>'+
                '<td>'+
                     '<?php $Treatments['#'] = 'Please Select'; ?>'+
                     '<?php echo form_dropdown('tcode', $Treatments, '#', 'class="form-control" id="group"'); ?>'+

                '</td>'+                
                '<td><input type="text" class="form-control quantity" id="quantity" name="quantity[]" size="3"></td>'+

                '<td><input type="text" class="form-control cost" size="3" id="cost" name="cost[]" /></td>'+
                '</tr>';
            $('#body').append(tr);
        }
    });

Answer 1

尝试使用此，

$('#body tr:last').after(tr);

小提琴链接：http://jsfiddle.net/bMyGY/1137/

Codeigniter创建动态表和下拉列表

1 个答案: