还有什么其他方式可以提交我动态添加的输入字段？

问题描述

我尝试动态创建表单输入字段，但是我成功了，但是当所有其他字段都提交时，只有动态创建的字段不能提供帮助。.谢谢..

我的JavaScript工作正常，它在模态中创建文件的方式也不错。 问题是当我提交它时，只有动态添加的字段没有提交。

<form action='<?php echo $_SERVER['PHP_SELF'];?>' method="post"> 
 
 <div class="col-md-6">
     <div class="form-group">
      <h6> Contact person in case of emergency</h6
      <input class="form-control" placeholder="Contact person" required=""  pattern="([A-Z][a-z]*\s*[A-Z]*[a-z]*\s*[0-9]*)" title="Alphbetical characters only,capitalize first letter,full name then phone number" value="<?php echo $info[0]['contactperson'];?>" name="contactperson" type="text">
     </div>
    </div>
    
      
       
    
    <input class="form-control" hidden placeholder="familymembers"  id="fm" value="<?php echo $info[0]['familymembers'];?>"  name="familymembers" type="number">
        
      <div class="col-md-6">
        <div class="form-group">
            <h6>&nbsp;</h6>
              <a href="" data-toggle="modal" data-target="#seefmlist"><button class="btn btn-success">Edit Family Members List</button></a>
          </div>
        </div>
    
    //this is a script to add new input fields daynamically
    
    
     
    
    <script type="text/javascript">
          function getfmembers(){
          var fn=document.getElementById('fm').value;
             
          for (var i = 0; i < 1; i++) {
          document.getElementById('fm').value++;
          k=document.getElementById('fm').value;
         var btn='<div class="form-group"><input class="form-control" name="fmlis" placeholder="Name of the family member" id="'+k+'"  type="text"></div>';
    
             $("#after").after(btn);
             alert(document.getElementById(k).name);
    
             } 
              }
     function removefmembers(){
       var fn=document.getElementById('fm').value;
    
          $("input").remove("#"+fn); 
           document.getElementById('fm').value--;
        }
    
        </script>
    // this is the modal to submit the inputs and its inside the form tag
    <div class="modal fade" id="seefmlist" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Edit Family Members List</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-md-3">
                <span onclick="getfmembers()" class="btn btn-sm btn-success">Add Member</span>
              </div>
              <div class="col-md-3">
                  <span onclick="removefmembers()" class="btn btn-sm btn-danger">Delete Last Member</span>
              </div>
            </div>
            <br>
        
            <div id="after">
            <?php
     $flist=explode(",",$info[0]['familylist']);
      if (count($flist)>1) {
      for ($qq=0; $qq < count($flist)-1 ; $qq++) { 
        echo '<div class="form-group"><input class="form-control" id="'.($qq+1).'"  value="'.$flist[$qq+1].'"  name="fmlist'.($qq+1).'" type="text"></div>';
                           
                            }
                            }
    
    
              ?>
    
         
              </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Update changes</button>
          </div>
        </div>
      </div>
    </div>
     
    </div>
    
    <div class="text-center">
                      <button type="submit" name='submitupdate' class="btn btn-primary mt-4">Update Employee information</button>
                    </div>
                 
                  </form>

解决方法

第31行： for (var i = 0; i < 1; i++) { 只能运行一次，如果您要添加多个，则需要修复

也可能是您遇到的问题 第34行：name="fmlis"在您的代码后面，您有name="fmlist'.($qq+1).'，因此，在第34行，您可能希望将k+1连接到名称...