2017-07-28 83 views
0

我有一个模态触发按钮,传递ID
在脚本部分,我需要将表格“注入”模态体。
我的问题是在脚本的html函数中传递变量。它怎么样?通过jQuery在模态中将值注入html函数

HTML

<button value="{{ $etapaano->trabalho_id }}" id="{{ $etapaano->id }}" class="btn btn-primary btn-sm" title="Enviar Arquivo" data-toggle="modal" data-target="#myModalUploadArquivos"><i class="fa fa-upload"></i> Enviar</button> 

<div id="myModalUploadArquivos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">Submeter Arquivo</h4> 
      </div> 
      <div id="modalBodyArquivo" class="modal-body"> 

      </div> 
     </div> 
    </div> 
</div> 

脚本

$('#myModalUploadArquivos').on('show.bs.modal', function(e) {   
    var $modal = $(this); 
    var etapaanoid = e.relatedTarget.id; 
    var trabalhoid = e.relatedTarget.value;   

    $('#modalBodyArquivo').html('<form method="POST" enctype=multipart/form-data action="{{ url("arquivo/store/etapaanoid/trabalhoanoid") }}" file="true">{{ csrf_field() }}<label for="descricao">Arquivo *</label><input type="file" name="descricao" /></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button><button id="enviaArquivo" type="submit" class="btn btn-primary pull-right" title="Enviar Arquivo">Enviar</button></div></form>'); 
}); 

回答

0

尝试更换此:

"{{ url("arquivo/store/etapaanoid/trabalhoanoid") }}" 

有了这个:

"{{ url("arquivo/store") }}/'+etapaanoid+'/'+trabalhoanoid+'" 
+0

谢谢!作品!!! – wbail