Javascript 使用Jquery在输入字段中添加来自数组的值？

我在元素后面添加了一个输入字段，但问题是在页面完全呈现后，所有输入字段上只显示一个值

Jquery在页面加载后以相同的值呈现输入

这是我的密码

HTML

2). 1572949612_ccf_education_logo.png（6.24KB）
中止
取消
多恩
下载
删除

onLoad:函数（obj）{
$.ajax({
cache:false，
url:“/lib/jQuery File Upload/load.php”，
数据类型：“json”，
数据：{
子文件夹：“课堂\课程/”，
文件和数据：“
},
成功：功能（数据）{
对于（变量i=0；i

---

任何解决方案，谢谢

你能发布你的html结构或工作提琴吗？@prasanth请检查更新post@RobinSingh-您有单个容器（.ajax文件上载容器）还是多个？@MohanRajput我有单个容器，但在该容器中，所有内容都是多个的。您说的是根据数据动态显示的div（.ajax文件上载状态栏）是渲染的吗？

<div class="ajax-file-upload-container">
    <div class="ajax-file-upload-statusbar" style="width: 400px;"><img class="ajax-file-upload-preview"
            style="width: 100%; height: auto; display: none;">
        <div class="ajax-file-upload-filename">2). 1572949612_ccf_education_logo.png (6.24 KB)</div>
        <div class="ajax-file-upload-progress" style="">
            <div class="ajax-file-upload-bar" style="width: 100%;"></div>
        </div>
        <div class="ajax-file-upload-red ajax-file-upload-1573123749310 ajax-file-upload-abort" style="display: none;">
            Abort</div>
        <div class="ajax-file-upload-red ajax-file-upload-1573123749310 ajax-file-upload-cancel" style="display: none;">
            Cancel</div>
        <div class="ajax-file-upload-green" style="display: none;">Done</div>
        <div class="ajax-file-upload-green" style="display: none;">Download</div>
        <div class="ajax-file-upload-red" style="">Delete</div>
    </div>
</div>

        onLoad: function(obj) {
        $.ajax({
            cache: false,
            url: "<?= SITE_URL ?>/lib/jQuery-File-Upload/load.php",
            dataType: "json",
            data: {
                subfolder: "classroom_course/<?php echo $company_id ?>",
                files_data: "<?php echo $cc_files; ?>"
            },
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    obj.createProgress(data[i]["name"], data[i]["path"], data[i]["size"]);
                }
                $.each(data, function (i, val) {
                    if ($('.ajax-file-upload-progress').children('.mkcInput').length == '') {
                        $('.ajax-file-upload-progress').children('.ajax-file-upload-bar').after('<input type="text" class="form-control mkcInput" name="new_file_name[]" value="' + val.file_name + '" placeholder="File Name">');
                    } else { }
                });
            }
        });
    },