創建動態字段並填充其中的數據

我有下面的JSON數據和HTML表單，其中動態字段被創建。這種形式的工作發送數據。但如何通過動態創建它們創建動態字段並填充其中的數據

JSON數據

$data = {"1":"a","3":"b","5":"c","2":"d","4":"e"}

的index.php

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-compat-git.js"></script> 

    <title>Add/Remove Input Fields Dynamically with jQuery</title> 
    <script type="text/javascript"> 
     $(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> 

</head> 

<body> 
    <form role="form" action="" method="POST"> 
     <label>Stuff</label> 
     <div class="multi-field-wrapper"> 
      <div class="multi-fields"> 
       <div class="multi-field"> 
        <select name="id[]"> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
         <option value="4">4</option> 
         <option value="5">5</option> 
        </select> 
        <input type="text" name="stuff[]"> 
        <button type="button" class="remove-field">Remove</button> 
       </div> 
      </div> 
      <button type="button" class="add-field">Add field</button> 
     </div> 
     <input type="submit"> 
    </form> 
</body> 

</html>

任何幫助將不勝感激滿山遍野。

來源

2017-02-24 Rohan Khude

能否詳細說明「但是如何在這個動態域中填充給定的數據。」你的意思是：在select元素上，相應的值應該放入相應的輸入中？ – gaetanoM

你的PHP看起來像什麼產生的形式？特別是'