0

尝试添加动态行（最多 6 行）：但由于某种原因一次添加 2 行。所以这是命令。默认情况下显示 1 行，一旦单击 AddPO，它会插入 2 行，在按钮单击时再次插入 2 行，然后当然是 1，因为它检查最多 6 行。

为什么不一次插入一行？

这是代码：

<script>
 $(document).ready(function(){
    $('#addPO').click(addPO)
});   

    var current = 1;
    function addPO() {
      current++;
        if (current < 7){
        var strToAdd = '<p><input id="FinalPONumber'+current+'" name="FinalPONumber'+current+'" size="20" /> <input id="FinalPOAmount'+current+'" name="FinalPOAmount'+current+'" size="20" /><input type="file" id="FinalPOFile'+current+'" name="FinalPOFile'+current+'"/></p>'

        $('#mainField').append(strToAdd)
        }
    }

 </script>


 html:



 <div id="mainField">
        <p>
      <input type="text" id="FinalPONumber1" name="FinalPONumber1" size="20" /> 
      <input type="text" id="FinalPOAmount1" name="FinalPOAmount1" size="20" />
      <input type="file" id="FinalPOFile1" name="FinalPOFile1"/>
        </p>
   </div>

   <p>
    <input type="button" id="addPO" value="Add Final PO">
4

0 回答 0