Question

我正在尝试复制4个输入文本。例如，我想复制“ Produk Simpanan Saham”，那么在“ Produk Simpanan Saham” div上将仅复制4个输入。我已经尝试过使用jQuery的一些方法，但是似乎不起作用。

<form action="" method="post" class="form-horizontal">
  <br><br>
  <div class="form-group">
    Upload File :
    <input type="file" name="file">
  </div>
  <div class="saham">
    <div class="w3-container w3-black">
      <h3>
        <center>Produk Simpanan Saham</center>
      </h3>
    </div>
    <label for="kp_produk">Kode Produk :</label>
    <input type="text" name="kp_produk" class="form-control">
    <br>
    <label for="produk_saham">Produk :</label>
    <input type="text" name="produk_saham" class="form-control">
    <br>
    <label for="bunga_saham">Bunga :</label>
    <input type="text" name="bunga_saham" class="form-control">
    <br>
    <label for="ket_saham">Keterangan :</label>
    <input type="text" name="ket_saham" class="form-control">
  </div>
  <div class="harian">
    <div class="w3-container w3-black">
      <h3>
        <center>Produk Simpanan Harian</center>
      </h3>
    </div>
    <label for="kp_harian">Kode Produk :</label>
    <input type="text" name="kp_harian" class="form-control">
    <br>
    <label for="produk_harian">Produk :</label>
    <input type="text" name="produk_harian" class="form-control">
    <br>
    <label for="bunga_harian">Bunga :</label>
    <input type="text" name="bunga_harian" class="form-control">
    <br>
    <label for="ket_harian">Keterangan :</label>
    <input type="text" name="ket_harian" class="form-control">
  </div>

Answer 1

您必须先像

var blueprint= '<div class="saham">'+
'<div class="w3-container w3-black">'+
  '<h3>'+
    '<center>Produk Simpanan Saham</center>'+
  '</h3>'+
'</div>'+
'<label for="kp_produk">Kode Produk :</label>'+
'<input type="text" name="kp_produk[]" class="form-control">'+
'<br>'+
......

用于[name]的所有名称字段，用于在将表单发送到服务器时获取数组请求例子：

 '<input type="text" name="kp_produk[]" class="form-control">'+

并使按钮添加类似（jquery）示例

<button onclick="$('form').append(blueprint)">add</button>

Answer 2

只需使用

var dom=$($('.saham')[0]).clone();
//copy dom
$('.form-horizontal').html(dom):
//paste dom

不要忘记在名称标签dom输入上添加[]来设置将数据发送到数组，因为如果没有设置的话。键值为kp_produk的数据是名称为kp_produk的最后一个标签名称

如果使用[]（kp_product []），数据将设置为数组

kp_product=['anu1',anu2];

使用按钮复制表格

2 个答案: