2012-11-20 49 views
2

我爲我的開發目的使用Codeigniter框架和twitter引導程序。在這裏我遇到了一個問題,我必須在模態框中編輯表單。如何將數據傳遞給twitter bootstrap模式框中顯示的表單?請幫助我一個可能的解決方案。使用codeigniter在twitter引導模式中填充表單

+0

你想要編輯什麼,你想要什麼時候編輯它?這是一個JavaScript問題或PHP問題? – Jeemusu

+0

實際上,我想要顯示一個表格,它是從twitter引導模式中的表中動態填充的。它的JavaScript問題 – Sree

+2

一些代碼開始? –

回答

2
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> 
</script> 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Header of Modal</h3> 
    </div> 
    <div class="modal-body"> 

    <form class="form-element"> 
     Title: <input type="text" class="form-title" value="initial title" /><br /> 
     Something Else: <input type="text" class="form-element2" value="initial value" /><br /> 
     <div class="some-box"> 
      The elements inside the box 
     </div> 
    </form> 

    </div> 
    <div class="modal-footer"> 
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button> 
    </div> 
</div> 

<a href="#" class="changeTitle">Click here to change title</a> 
<a href="#" class="changeElement">Click here to change Element2</a> 
<a href="#" class="changeDiv">Click here to change div's contents</a> 

<script> 
$(".changeTitle").click(function(){ 
    $(".form-title").val("New title"); 
}); 
$(".changeElement").click(function(){ 
    $(".form-element2").val("New value of element"); 
}); 
$(".changeDiv").click(function(){ 
    $(".some-box").html("New Contents of the div element"); 
}); 
</script> 
+0

謝謝......我一直在尋找這一個...... :) – Sree