2017-07-26 42 views
0

我有一个名为view的按钮。在点击查看按钮时,应该弹出一个模式窗口,并给定值用预设的表单域值打开一个模式窗口

下面是查看按钮的代码,它弹出一个带空体的模式。

<a role="button" class="btn btn-sm btn-primary" href="#time_line" data-toggle="modal">View</a> 

模态的div:

<div id="time_line" class="modal fade" tabindex="-1"> 
     <div class="modal-header" style="background: #045e9f;"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="white bigger">Initiate Order</h4> 
     </div> 

     <div class="modal-body overflow-visible"> 
      <form> 
       <input type="text" name="t_val" id="t_val"> 
      </form> 
     </div> 

     <div class="modal-footer"> 
      <button class="btn btn-small" data-dismiss="modal"> 
       <i class="icon-remove"></i> 
       Close 
      </button> 
     </div> 
</div> 

怎样的值在模态时的模态弹出

答案传递给VAL领域:

嗨,我做了以下,得到我想要的

function pass_data(data) 
{ 
    $('[name="t_val"]').val(data); 
} 

<a role="button" class="btn btn-sm btn-primary" href="#time_line" data-toggle="modal" onclick= "pass_data($data)">View</a> 

通过DarkseidNG略有变化答案

+0

如果您传递变量用PHP它应该看起来像这样:'<?php echo($ xyz);?>'如果您的$ xyz ='document.getElementById(“time_line”).modal(“show”);''如果您使用引导模式。 –

回答

1

创建一个JavaScript函数,从的onClick传递值给函数,然后打电话给你的模式在功能

<a role="button" class="btn btn-sm btn-primary" href="#time_line" onclick = "doFunction('<?php echo $xyz; ?>')">View</a> 

<script> 
    function doFunction(data){ 
      //if you have a html tag in the modal that you want to pass the value to you can do this 
      $(".data-tag").html(data); 
      $("#time_line").modal(); 
    }