1

私はこれらすべてに不慣れで、まだこのサイトで主に学んでいます。これは私にとって非常に有用であり、皆さんから助けを得ることにしました.

ファイル入力ボタンのスタイルを設定し、テキスト フィールド内にファイル名を出力しました。同じページの複数のファイル入力 (ファイル名を含むテキスト フィールドと一緒に) でこれらのクラスを使用したいと思います。(一度にファイルを増やすのではなく、より多くのファイル入力が必要です)

ID を使用して必要なファイル フィールドごとに JS を複製できることはわかっていますが、それを 1 つの関数で行うか、大量に使用するために「動的」にしたいと考えています。

だから、私は少し助けを求めています:)

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/

事前にThx

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 に答える