如何使用php

Question

我正在尝试使用PHP + MySQL制作发票脚本。我制作了发票输入屏幕。一切都很完美。我还添加了“添加新行”按钮。

问题是，当我点击“添加新行”时，禁用了第一行使用的所有功能。我对JS没有足够的了解。

以下是代码：

PHP：

<div class="table-striped" id="dataTable">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Product No</th>
                    <th>Description</th>
                    <th>Price</th>
                    <th>Quantity</th>
                    <th>Amount</th> 
                </tr>
            </thead>
            <tbody id="ekleaq">
                <tr>
                    <td><input type="text" value="" placeholder="No" id="no1" class="form-control" name="no1[]" required=""></td>
                    <td>
                    <div class="col-xs selectContainer">
                    <select name="productno1[]" class="form-control" id="Bname" onchange="ShowData(this.options[this.selectedIndex])">
                        <?php
                            while($row = $result1->fetch_assoc()){
                                unset($id, $name, $ax1, $ax2);
                                $id = $row['inv_products_id'];
                                $name = $row['inv_products_no'];
                                $ax1 = $row['inv_products_desc'];
                                $ax2 = $row['inv_products_price'];
                                echo '<option value="'.$id.'" data-ax1="'.$ax1.'" data-ax2="'.$ax2.'">'.$name.'</option>';
                            }
                        ?>
                    </select>
                    </div>
                    </td>
                    <td><input type="text" value="" placeholder="Decription" id="decription1" class="form-control" name="decription1[]" required=""></td>
                    <td><input type="text" value="" placeholder="Price" id="price1" class="form-control" name="price1[]" required=""></td>
                    <td><input type="text" value="" placeholder="Quantity" id="quantity1" class="form-control" name="quantity1[]" required="" onchange="CalculateData()"></td>
                    <td><input type="text" value="" placeholder="Amount" id="amount1" class="form-control" name="amount1[]"></td>
                    <td><button type="button" class="btn btn-default addButton" id="ekle"><i class="fa fa-plus"></i></button></td>
                </tr>
            </tbody>
        </table>
    </div>

JS：

<script>
$("#ekle").click(function(){
    $("#ekleaq")
      .append('<tr><td><input type="text" value="" placeholder="No" id="no1" class="form-control" name="no1[]" required=""></td><td> \
    <div class="col-xs selectContainer"><select name="productno1[]" class="form-control" id="Bname" onchange="ShowData(this.options[this.selectedIndex])"> "<?php while($row = $result1->fetch_assoc()){ unset($id, $name, $ax1, $ax2);$id = $row['inv_products_id'];$name = $row['inv_products_no'];$ax1 = $row['inv_products_desc'];$ax2 = $row['inv_products_price'];echo '<option value="'.$id.'" data-ax1="'.$ax1.'" data-ax2="'.$ax2.'">'.$name.'</option>'; } ?>" </select> \
                                        </div></td><td><input type="text" value="" placeholder="Decription" id="decription1" class="form-control" name="decription1[]" required=""></td><td><input type="text" value="" placeholder="Price" id="price1" class="form-control" name="price1[]" required=""></td><td><input type="text" value="" placeholder="Quantity" id="quantity1" class="form-control" name="quantity1[]" required="" onchange="CalculateData()"></td><td><input type="text" value="" placeholder="Amount" id="amount1" class="form-control" name="amount1[]"></td></tr>');
});

function ShowData(obj)
{
    document.getElementById('decription1').value = obj.getAttribute('data-ax1');
    document.getElementById('price1').value = obj.getAttribute('data-ax2');
}

function CalculateData(input)
{
    price = document.getElementById('price1');
    quantity = document.getElementById('quantity1');
    amount1.value = price.value * quantity.value;
}
</script>