양식에 제공된 입력을 기반으로 양식을 제출할 때 모달 상자에 테이블을 생성하십시오.

Question

문제 설명문에 양식으로 제공된 입력을 기반으로 양식을 제출할 때 모달 상자 안에 표를 생성하고 싶습니다. 그리고 행 ma는 주어진 입력에 따라 다양합니다.

Click here

Answer 1

편집 양식 후 #myModal div에 제출된다.

이 자바 스크립트 코드를 사용하십시오.

$(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