javascript
  • jquery
  • html
  • datatables
  • 2016-04-21 74 views 0 likes 
    0

    我有一个可以有多行的jQuery数据表。我使用模态填充每一行。每行可能有也可能没有基于所选值的附件,并且此表位于表单内。现在的问题是我无法附加数据表中的文件,所以我创建了一个隐藏的div,在每次用户想要在DataTable中附加文件时,我都会在其中创建文件类型的输入字段。下面是该插入文件从另一个输入输入

    var attachmentInput = $("#hiddenDiv").find("input[id='prototype']").clone() 
          var tempInputId = "Visa Attachment_" + fileCounter 
          attachmentInput.prop("id",tempInputId) 
          attachmentInput.prop("name",tempInputId) 
          attachmentInput.appendTo("#hiddenDiv") 
    

    代码现在我想的是,只要用户试图附加文件的模式文件应附于hiddenDiv创建的输入字段。我正在尝试下面的代码来做到这一点。

    $("#"+tempInputId).after($('#visaDetails')[0].files[0]); 
    

    我的主要要求是,当用户将在模态文件,应当附加到文件类型的动态创建输入元素....我如何能做到这一点任何想法?

    +0

    据我所知,由于安全问题,您不能将文件从一个FileInput移动到另一个FileInput。您可能会尝试的是使用javascript“点击”文件输入的模式按钮。 – neilsimp1

    +0

    哇尼尔谢谢指出,我做了什么是模态内我创建了一个按钮,onclick我现在创建一个输入元素,然后调用该新创建的元素上的点击功能....下面是代码..希望它解释了我是如何解决我的问题.. – Apoorv

    回答

    0

    Wow neil谢谢指出,我做了什么是模式内我创建了一个按钮,onclick我现在创建一个输入元素,然后调用该新创建的元素和DataTable上的点击功能只是保存一个没有实际用处的虚拟值......新创建的输入元素用作表单的输入元素....下面是代码..希望它解释我是如何解决我的问题的。

    var fileCounter = 0 
    
        var tempInputId 
    
         $('#visaDetails').on('click', function(){ 
    
    
           var attachmentInput = $("#hiddenDiv").find("input[id='prototype']").clone() 
    
          tempInputId = "visaAttachment_" + fileCounter 
          alert(tempInputId) 
          attachmentInput.prop("id",tempInputId) 
          attachmentInput.prop("name",tempInputId) 
          attachmentInput.appendTo("#hiddenDiv") 
          fileCounter ++; 
          $("#"+tempInputId).click(); 
    
         }); 
    
    相关问题