2017-07-26 40 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(); 
    }