Javascript 用于多个事件的单事件侦听器

我有一个JS函数，它添加了数量可变的节。在每个部分中，我都有一个id和名称设置为“type_u”+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);

---

我是否需要在单独的函数中执行此操作？我可以用一个监听器来做这件事，还是每个部分都需要一个监听器？我该如何传递身份证

不确定多事件的单事件侦听器是什么意思。。我猜你是指处理事件发生的事件的处理程序？如果我的假设是正确的，那么您可以这样做，您可以创建一个处理程序，您可以检查提交的文件/输入的类型。如果是image/jpeg类型，则可以触发图像输入。。如果它是用于视频的视频，如果它是用于iframe的字符串