1

我对所有这些都是新手，并且仍然主要在这个网站上学习，它对我非常有用，并决定从你们那里获得一些帮助。

我设置了文件输入按钮的样式，并在文本字段中打印了文件名。现在我很想在同一页面上的多个文件输入（连同包含文件名的文本字段）上使用这些类。（我需要更多的文件输入，而不是一次更多的文件）

我知道我可以使用 ID 并为我需要的每个文件字段复制 JS，但我想在一个函数中执行此操作或使其更“动态”以供大量使用。

所以，我正在寻求一点帮助:)

HTML：

<div class="upload button left">
    <input class="upbtn" type="file" name="attachment" />Add attachment
</div>
<input class="filename" type="text" />

JS：

    $(".upbtn").change(function(e) {
        var datoteka = $(this).val();
        var lastIndex = datoteka.lastIndexOf("\\");
        if (lastIndex >= 0) {
            datoteka = datoteka.substring(lastIndex + 1);
        }
        $(".filename").val(datoteka);
    });

您可以在这里查看整个内容：http: //jsfiddle.net/k5cLt/5/

提前谢谢

4

2 回答 2

0

这个有可能。我用了

   $(".upbtn").change(function(e) {
        var datoteka = $(this).val();
        var lastIndex = datoteka.lastIndexOf("\\");
        if (lastIndex >= 0) 
        {
            datoteka = datoteka.substring(lastIndex + 1);
        }
        var close = $(this).parent().next(".filename:first")
        close.val(datoteka);
   });

这是JSFiddle

您的输入的对齐方式可能并不如您所愿，但 JSFiddle 显示了我认为您正在努力实现的总体思路。

于 2013-06-04T16:21:55.493 回答
0

您甚至尝试过使用多个文件字段吗？你所做的应该按原样工作。

$(".upbtn").change(...);

返回一个带有 .upbtn 类的 jquery 包装对象数组，并在所有这些对象上调用 .change() ..

于 2013-06-04T16:24:12.760 回答