如何在单击输入类型文件时获取窗体中的所有ID

Question

您好我构建了一个表单，为客户上传更多文档，当有人上传不支持的文件格式时，需要选择文件然后添加更多文档行然后我有一个div我显示错误

$("[id^='filename']").click(function(){
  var filenameids= $(this).attr('id');
  alert(filenameids);
  var incids=filenameids.replace("filename","");
  $("#error_filename_"+incids).text('');
 });

当客户重复上传过程然后我清空文本，第一次我的代码工作正常，这是我的代码

https://jsfiddle.net/fzmbw1vg/

我清空div的文本以允许添加更多按钮来添加doc row。但是当我移动到第二行并上传不支持的文件然后错误消息显示但是当我重复上传文档div文本不为空时所以我不能添加更多button.so请告诉我如何为每次单击清空div文本以及如何获取该输入类型文件的id。 js小提琴是

var gulp = require('gulp');
var browserSync = require('browser-sync'); // create a browser sync instance.

//tasks for development
// Start browserSync server
gulp.task('browserSync', function() {
  browserSync({
    server: {
        baseDir: "app"
    },
    proxy: "localhost:8080" // can be [virtual host, sub-directory, localhost with port]
});

gulp.task('watch', ['browserSync'], function () {
  gulp.watch('app/*.{php,css,js}', browserSync.reload);
});

Answer 1

从

更改选择器

$("[id^='filename']").click(function(){

到

$(".valid").click(function() {

这是jsFiddle

如果你想得到所有id，那么迭代输入并将id收集到一个数组中，如jsFiddle

$(".valid").click(function() {
  var ids = [];
  $('input[type="file"]').each(function() {
    ids.push($(this).attr('id'));
  });
  alert(ids);
});