Question

我有一个通过javascript设置文件输入样式的页面。

这一点非常完美。

我刚刚添加了新代码，当用户点击我使用的代码的href链接时动态添加新文件输入框如下：

<script type="text/javascript">

$(function(){

    $("a:[id=createNew]").bind("click",function(){

            var CounterLimit = 10;
            var LastDivId = $("div:[id=FileUploadDiv]:last").attr("DivValue");
            var appandingDiv = $("div:[id=FileUploadDiv][DivValue="+LastDivId+"]");
            var NewDivId = eval(LastDivId)+1;
            if(CounterLimit>NewDivId){
            var NewUploadDiv = "<div class='text text-auto-height hasFloat' id='FileUploadDiv' DivValue='"+NewDivId+"' style='display: none'><label for='image'>&nbsp;&nbsp;</label><div class='file-input-holder hasFloat'><input type='file' name='filename"+NewDivId+"' id='filename' /></div></div>";
            var UploadDivCounter =eval($("#counter").val())+1;
            $("#counter").val(UploadDivCounter);
            $(NewUploadDiv).show().clone().appendTo(appandingDiv);

        }
        else
        {
            var AlertMessage= "You can upload a maximum of "+CounterLimit+" pics!";
            alert(AlertMessage);
        }
    return false;
    });

});

</script>

代码工作正常，但问题是它添加了一个默认的文件输入字段而不是样式字段。

非常感谢任何帮助。

干杯，

Answer 1

请检查您的css选择器<input type = "file" />。

jQuery - 添加新文件输入时未设置动态文件输入

1 个答案: