Question

我有一个用户可以上传图片的应用程序。我不喜欢默认的输入文件设计所以我改了它。我现在使用两个输入，一个实际上选择带有type = file的文件，另一个输入从type = file获取值并将其放入type = text。如果它只是我要上传的一张图片，那就没问题了。用户可以添加更多图像，只需点击一个链接就会出现更多文件输入..这就是我遇到麻烦的地方。我试图在正在选择的输入上获取当前索引并将其分配给其姐妹输入，它适用于第一个输入但在此之后，它停止工作。不确定我做错了什么。请参阅以下链接了解实例： http://jsfiddle.net/w6gmq2x5/

  // listens for a change in the value of a input[type=file]
  $('input[name^=filPostImg]').change(function() {
    // finds sister input[type=text] by matching index, and assigns value of input[type=file]
    $('input[name^=filPostPath]').eq($(this).index($(this))).val($(this).val());
  });

编辑：此问题与动态添加输入无关。它是关于查找索引键和为兄弟元素分配值。

Answer 1

你正在寻找的元素是下一个兄弟，所以

$(document).on('change','input[name="filPostImg[]"]',function() {
    $(this).next('input[name="filPostPath[]"]').val($(this).val());
});

演示：Fiddle

jQuery查找和分配索引

1 个答案: