フォームの入力に基づいてフォームを提出する際にモーダルボックスにテーブルを生成します。

Question

問題文が述べられているので、フォームに入力された入力に基づいてフォームを送信する際にモーダルボックス内にテーブルを生成します。与えられた入力に応じて、行数maが変化します。

Click here

Answer 1

編集フォームが送信された後#myModal div要素。

このJavascriptコードを使用してください。

$(function(){ 
    $('#form1').submit(function(event){ 
    event.preventDefault(); 
    if($('#form1')[0].checkValidity()){ 
     zinPrefix='<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" data-dismiss="modal" class="close">&times;</button><h4 class="modal-title">Results</h4></div><div class="modal-body">'; 
     zinSuffix='</div><div class="modal-footer"><button type="button" data-dismiss="modal" class="btn btn-default">Close</button></div></div></div>'; 
     zinTable=""; 
     var $inputs = $('#form1 :input'); 
     //var values = {}; 
     $inputs.each(function() { 
     val = $(this).val(); 
     if(val!="") 
       zinTable += val +" \t | \t "; 
     }); 
     zinStr = zinPrefix + zinTable + zinSuffix; 
     $("#myModal").html(zinStr); 
     $('#myModal').modal('toggle'); 
    } 
    }); 
}); 

あなたはコードではまだ試してみましたが何jsFiddle