如何將div容器添加到數組js

有一個由兩部分組成的表單。第一部分是訂單的基本信息。表單的第二部分由容器的添加div組成。用戶可以通過點擊按鈕來添加容器的第二部分。我無法理解如何將表單的第二部分添加到不同位置的數組中。當您單擊提交按鈕，必須創建數組：如何將div容器添加到數組js

{'user': xxx, 'Phone ': xxx,' voucher': xxx, etc...} 
{'user': xxx, 'Phone ': xxx,' voucher': xxx, etc...} 
{'user': xxx, 'Phone ': xxx,' voucher': xxx, etc...}

這是形式的兩個部分。用戶可以添加其他的div容器

<div data-container="set"> 
       <div data-item="set"> 
        <h3>Участник</h3> 
        <div class="row"> 
         <div class="col-sm-12 col-md-12 col-lg-3"> 
          <div class="form-group"> 
           <label>ФИО участника</label> 
           <input type="text" class="form-control " name="fio" id="fio" value=""> </div> 
         </div> 
         <div class="col-sm-12 col-md-12 col-lg-3"> 
          <div class="form-group"> <label>Телефон участника</label> <input type="text" class="form-control " name="phone[]" id="phone"> </div> 
         </div> 
         <div class="col-sm-12 col-md-12 col-lg-3"> 
          <div class="form-group"> <label>E-mail участника</label> <input type="email" class="form-control " name="email[]" id="email"> </div> 
         </div> 
         <div class="col-sm-12 col-md-12 col-lg-3"> 
          <div class="form-group"> <label>Номер купона</label> <input type="text" class="form-control " name="voucher[]" id="voucher" > </div> 
         </div> 
        </div> 
        <div id="form-messages"></div> 
        <div class="row"> 
         <div class="col-sm-12 col-md-12 col-lg-9"><button type="button" data-action="remove" class="btn btn-danger">× Удалить участника</button></div> 
         <div class="col-sm-12 col-md-12 col-lg-3"><p name="sum[]"></p></div> 
        </div> 
        <input type="text" name="amount[]" value="1"> 
        <input type="text" name="sum[]" readonly> 
        <input type="text" name="osnovanie[]" id="osnovanie"> 
        <input type="text" name="prinadl[]" id="prinadl"><br> 
        <hr> 
       </div> 
      </div>

來源

2017-08-24 rokcat_

請出示你的代碼 –

更新問題 –

感謝那些誰回答，找到了解決辦法 –

解決這有助於我的問題

.on('click', '#payment', function(event) { 
    var d = document, 
     user_fio = d.getElementsByName('fio[]'), 
      user_phone = d.getElementsByName('phone[]'), 
     //etc   
    mas = []; 
    for(var i = 0; i< user_fio.length; i++){ 
    mas[i] = { 
     'fio': user_fio[i].value, 
     'phone': user_phone[i].value, 
     //etc 
     } 
    } 
})

來源

2017-08-25 18:18:10

如何將div容器添加到數組js

回答

相關問題