Javascript 同时动态添加多个字段

我有这些字段。我想动态添加这组相同的字段。我可以一次做一个，但似乎不能让所有字段重复。我正在使用建立一个内部采购订单和库存管理系统，这是缺少的最后一部分。任何帮助都将不胜感激

<script type='text/javascript'>//<![CDATA[ 

$(function(){

$('.multi-field-wrapper').each(function() {

var $wrapper = $('.multi-fields', this);

$(".add-field", $(this)).click(function(e) {

    $('.multi-field:first-child',              

 $wrapper).clone(true) .appendTo($wrapper).find

   ('input').val('').focus();

  });

  $('.multi-field .remove-field', $wrapper).click(function() {

   if ($('.multi-field', $wrapper).length > 1)

    $(this).parent('.multi-field').remove();

   });

   });

   });//]]>  

</script>


<form role="form" action="test2.php" method="POST">

<label>Stuff</label>

<div class="multi-field-wrapper">

  <div class="multi-fields">

  <div class="multi-field">

      <?php mysql_connect("localhost", "root", "deadman1") or               

     die("Connection Failed"); mysql_select_db("inv")or

    die("Connection Failed"); $query = "SELECT * FROM po order by id 

  desc limit 1"; $result = mysql_query($query); ?>

    <select name="po">

    <?php while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) { ?> 

   <option value="<?php echo $line['ID'];?>

    "> <?php echo $line['ID'];?>

  </option>   <?php } ?>

 </select>
      <input type="text" name="vendor">

      <input type="text" name="part">

      <input type="text" name="qty">

      <input type="text" name="min">

      <button type="button" class="remove-field">Remove</button>

     </div>

    </div>

   <button type="button" class="add-field">Add field</button>
 <br>
 <br>
 <br>

 <center><input type="submit" name="submit" value="PURCHASE">
   </center>
   </div>
  </form>

/1）
$（this.parent（'.multi-field'）.remove（）；
});
});
});//]]>  
东西
去除
添加字段

你的意思是什么？当你点击一个按钮时，你是否试图使用JavaScript将这些输入字段添加到一个页面？我必须输入mysql数据库，以获得购买订单交易，但我得到了答案，我很快会发布一个页面链接。通过一点tweeking buy，添加所需数量的字段并命名它们，效果会很好吗@丹瓦凯姆