当我在此选择中添加此选择框时,该按钮将不会添加ni字段

时间:2017-07-30 18:43:42

标签: javascript php

$('#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>

该按钮不会添加其他字段。

1 个答案:

答案 0 :(得分:0)

以下内容应该可以帮到您。根据您的信息和缺少完整的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>