Php 创建动态字段并填充其中的数据

Php 创建动态字段并填充其中的数据,php,jquery,json,Php,Jquery,Json,下面是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">

下面是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>

使用jQuery动态添加/删除输入字段
$(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
东西
1.
2.
3.
4.
5.
去除
添加字段

任何帮助都将不胜感激。

您需要一个循环。在javascript中,您可以执行以下操作:

var $data = {"1":"a","3":"b","5":"c","2":"d","4":"e"};
var formHTML = "";
$.each($data, function(key, value) { 
    var inputHTML = "<input name='"+key+"' value='"+value+"' type="text"/>\n";
    formHTML += inputHTML;
});
var$data={“1”:“a”、“3”:“b”、“5”:“c”、“2”:“d”、“4”:“e”};
var formHTML=“”;
$.each($数据、函数(键、值){
var inputtml=“\n”;
formHTML+=inputHTML;
});

然后在表单中附加formHTML

您能详细说明一下“但是如何在这个动态字段中填充给定的数据”吗?您的意思是:在select元素上,相应的值应该被放入相应的输入中?生成表单的PHP是什么样子的?特别是
元素。@gaetanoM是。因此,json包含5个元素。因此,将创建5次该字段,并填充数据it@BizzyBob创建的php用于从此html生成json数据。但现在我正在获取这些json数据以再次填充