jQuery中

Question

正從輸入框的值通過拉布勒我有form..in這種形式我有預覽按鈕，當我在預覽按鈕i顯示彈出窗口點擊..

當用戶點擊預覽按鈕後，輸入值我想在我的彈出窗口中顯示這些值..（在提交之前）在codeigniter請幫助我如何在codeigniter中做到這一點..感謝您

現在我想看到預先提交給定的數據彈出之前提交形式..

<div class="modal-body"> 


    <div class="row"> 

      <div class="col-sm-12 col-md-12"> 
         <div class="panel "> 
          <div class="panel-heading hidden_color">NOTIFICATION</div> 
          <div class="panel-body"> 
           <form role="form" class="form-horizontal" action="javascript:;"> <!-- form horizontal acts as a row --> 
            <!-- normal control --> 
            <div class="form-group mod_mr20"> 
              <label class="col-md-3 control-label">Subject</label> 
             <div class="col-md-7 col-md-offset-1 hidden_color"> 
              <p></p> 
             </p> 
            </div> 
            </div> 
            <div class="form-group mod_mr20"> 
              <label class="col-md-3 control-label">Expires By</label> 
             <div class="col-md-7 col-md-offset-1 hidden_color"> 
              <p></p> 
             </div> 
            </div> 
            <div class="form-group mod_mr20"> 
              <label class="col-md-3 control-label">Notice visible to</label> 
             <div class="col-md-7 col-md-offset-1 hidden_color"> 
              <p></p> 
             </div> 
            </div> 
            <div class="form-group mod_mr20"> 
              <label class="col-md-3 control-label">Attach Files</label> 
             <div class="col-md-7 col-md-offset-1 hidden_color"> 
              <p></p> 
             </div> 
            </div> 
            <div class="form-group mod_mr20"> 
              <label class="col-md-3 control-label">Notice Description</label> 
             <div class="col-md-7 col-md-offset-1 hidden_color"> 
              <p></p> 
             </div> 
            </div> 




            <div class="clearfix "> 
            <div class="col-md-offset-10 col-md-2"> 
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">CLOSE</button> 
            </div> 
            </div> 



           </form> 
          </div> 
         </div> 
        </div> <!-- #end col-left --> 
    </div> 

    </div> 


    </div><!-- /.modal-content --> 
</div><!-- /.modal-dialog --> 

Answer 1

$(document).on ('keyup','#kp', function() { 
 
     var value=$(this).val(); 
 
     
 
     $('#kpview').val(value); 
 
    }); 
 

 
$(document).on ('change','#selectbox', function() { 
 
     var selectval=$(this).val(); 
 
     
 
     $('#resultselect').val(selectval); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Key Pressed: <input type="text" id="kp" />&nbsp; 
 

 
Char val: <input type="text" id="kpview" /><br/> 
 

 
<select id="selectbox"><option value="option1">option one</option> <option value="option2">option two</option></select> 
 
               
 
    <select id="resultselect"><option value="option1">option one</option> 
 
    <option value="option2">option two</option></select>

它非常simple.Give表單上預覽按鈕，或者在提交點擊一個ID和（如果預覽按鈕提交），只需連載表單數據和存儲它可以變量。你可以具體追加每個輸入數據到你的模態的特定部分或者簡單地迭代它在$ .each中

<form id="form"></form> 

<script> 
//$('#form').submit() or 
$("#previewbtn").click(function() { 
var arr=[]; //array 
arr= $('form').serialize(); // serialize that form 

$('modalfields').html(arr.specificfield); 

or 

$.each(arr, function(key,value) { 
    $('modalfields').html(value); 
}); 

}); 


</script> 

注意：糾正我，如果我已經做了一些語法錯誤，因爲我不是Pro：D。