Question

我正在尝试添加一个链接按钮＆＃39;删除＆＃39;在“浏览”按钮旁边。同时点击＆＃39;删除＆＃39;链接应删除＆＃39;上传＆＃39;输入框和＆＃39;删除＆＃39;（克隆输入）。我想保留第一个INPUT框，然后删除＆＃39;按钮，只有在“删除”按钮时才能清除“输入”框中的文本。点击。我是JQuery的新手，如果有任何建议，请告诉我。

    $(document).ready(function () {
        var MaxFileInputs = 3; //Maximum number of file input boxs
        $cnt = 1;
        $('.add_field').click(function () {
            if ($cnt <= 2) {
                var input = $('#input_clone');
                var clone = input.clone(true);
                clone.removeAttr('id');
                clone.val('');
                clone.appendTo('.input_holder');
                $cnt++;
            }
            if ($cnt >= 3) {
                $('span.add_field').hide();
            }

        });

        $('.remove_field').click(function () {

            if ($('.input_holder input:last-child').attr('id') != 'input_clone') {
                $('.input_holder input:last-child').remove();
                $cnt--;
            }
            if ($cnt < 3) {
                $('span.add_field').show();
            }

        });

    });

    </script>
</head>

<body>

<span class="add_field">Add</span>


<form action="upload.php" method="POST" enctype="multipart/form-data">
    <div class="input_holder">
        <input type="file" size="50" name="uploaded_files[]" id="input_clone"/> <span class="remove_field">Remove</span>
    </div>
</form>

“浏览”按钮旁边的克隆链接按钮

0 个答案: