當我在此選擇中添加此選擇框時，按鈕將不會添加ni字段

Question

$('#add').click(function(){ i++; $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /></td> <td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');  

當我把這段代碼，那是行不通的

<td>
    <label for="Category">Category</label>
    <select class="form-control" name="product-categorie[]">
        <option value="">Select Product Category</option>
        <?php  
            foreach ($all_categories as $cat): ?>
        <option value="<?php echo (int)$cat['id'] ?>"><?php echo $cat['name'] ?></option>
        <?php 
            endforeach; ?>
    </select> 
</td>

該按鈕不會添加其他字段。

Answer 1

以下內容將幫助您繼續前進。 根據您的信息和缺少完整的HTML代碼，我只是放置基本選擇器。

 $(document).ready(function() { var i = 0; $('select').change(function() { i++; $('table tr:last').after('<tr id="row' + i + '"><td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /></td> <td><button type="button" name="remove" id="' + i + '" class="btn btn-danger btn_remove">X</button></td></tr>'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td> <label for="Category">Category</label> <select class="form-control" name="product-categorie[]"> <option>Select Product Category</option> <option value="1">Some Name 1</option> <option value="2">Some Name 2</option> </select> </td> </tr> </table>