我有一个JS函数，它添加了可变数量的部分。在每个部分中，我都有一个ID和名称设置为“ type _” + i的输入，其中i是该部分的索引

 var input=document.createElement('select');
                            input.id ="type_" + i
                            input.name="type_" + i
                            input.required = true 
                            input.classList.add("selects")
                            myPre.appendChild(input);
                            var myInput = document.getElementById('type_' + i)
                            var prefix = document.createTextNode('Media Type      : ')
                            myInput.parentNode.insertBefore(prefix,myInput);
                            var option = document.createElement("option");
                            option.text = "";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "IMAGE";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "VIDEO";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "IFRAME";
                            myInput.add(option);

这是输入屏幕。根据选择的选项（图像，视频或IFRAME），我需要上传图像或视频文件或输入IFRAME的链接

这是用于文件上传的条件JS

                            var input=document.createElement('input');
                            input.type="file";
                            input.id ="mediaSec_" + i
                            input.name ="mediaSec_" + i
                            input.required = true 
                            input.classList.add("files")
                            myPre.appendChild(input);
                            var myInput = document.getElementById('mediaSec_' + i)
                            var prefix = document.createTextNode('   Upload Media    : ')
                            myInput.parentNode.insertBefore(prefix,myInput);
                            //var br = document.createElement('BR')
                            //myInput.insertAdjacentElement("afterend",br);

这是有条件的JS添加链接地址

var input=document.createElement('input');
                            input.type="text";
                            input.id ="link_" + i
                            input.name ="link_" + i
                            input.classList.add("links")
                            input.placeholder = "add iframe https://" 
                            myPre.appendChild(input);
                            var myInput = document.getElementById('link_' + i)
                            var prefix = document.createTextNode('   Link Address : ')
                            myInput.parentNode.insertBefore(prefix,myInput);
                            var br = document.createElement('BR')
                            myInput.insertAdjacentElement("afterend",br);

我需要在单独的功能中执行此操作吗？我可以只用一个听众来做，还是每个部分都需要一个听众？我该如何传递ID？