jQuery如何根据另一个输入中的数字复制输入字段?

时间:2016-10-13 10:45:55

标签: jquery clone

所以这是问题,

我在php中有这样的代码

<?php
foreach ($products as $product): ?>
<tr>
 <td><?= $this->Form->input('product_'.$product->id, ['id' => 'product_'.$product->id, 'label' => false, 'class' => 'form-control']); ?></td>
 <td><?= $product->name ?></td>
 <td><?= $product->name ?></td>
</tr>
<?php endforeach; ?>

在所有元素的列表中,第一列是输入字段 - 数字。我希望当有人在第一次输入(第一次迭代)中键入数字5时,jQuery会自动克隆5次输入的唯一ID-s,同样在另一个输入中输入7时,克隆7次另一次输入等。

所以我试过了

var wrapper = $(".selected-products"); //Fields wrapper
<?php
foreach($products as $product):
?>
  $('#product_<?= $product->id ?>').empty();
  var qty = $('#product_<?= $product->id ?>').val();
  var i;
  for (i = 0; i < qty; ++i) {
    $(wrapper).append(
      '<div class="item-border">'+
        '<div class="col-sm-12">'+
          '<h3><?= $product->name ?></h3>'+
        '</div>'+
        '<div class="col-sm-6">'+
          '<?= $this->Form->input('type_'.$product->id, ['label' => __('Container action'), 'options' => $containerAction, 'default' => '1', 'id' => 'type_'.$product->id, 'class' => 'form-control']) ?>'+
        '</div>'+
      '</div>'
    ); //add input box
  }
<?php
endforeach;
?>

产品就在这里

<div class="selected-products"></div>

但如果我退后一步并继续前进(不刷新),我该如何删除以前的更改(生成的字段)并设置新的

THX

0 个答案:

没有答案