javascript - フォーム全体を文字列として取得する方法

Question

javascript と php を使用して独自のフォームビルダーを構築しようとしていますが、他のページに同じフォームを表示したいので、フォーム全体を取得するのに問題があります。フォーム全体のリンクを含む文字列を生成したい。そのリンクをクリックすると、同じフォームが生成されます

JavaScriptコードは

 $('document').ready(function(){
            var flag=0;
            $(".divname").draggable({
                helper : "clone"
            });

            $( ".drop_class" ).droppable({

                drop: function( event, ui ) {

                    switch(ui.helper.context.id){
                        case "heading_id":
                            $( this ).append( "<div class='default_css' id='header'>Write Heading Here<input id='head_id' name='hello' class='common' type='text'/></div>" );
                            break;
                        case "textbox_id":
                            $( this ).append( "<div class='default_css'>Write Text Here<input id='text_id' class='common'type='text'/></br></div>" );
                            break;
                        case "textarea_id":
                            $( this ).append( "<div class='default_css'>Enter Information<textarea id='tarea_id' class='common'rows=5 cols=70></textarea></div>" );
                            break;    
                        case "radio_id":
                            $( this ).append( "<div class='default_css'>Gender</br><input type='radio' value='male' name='sex'>Male<br><input type='radio' value='female' name='sex'>Female" );
                            break;
                        case "fullname_id":
                            $( this ).append( "<div class='default_css'>First Name<input id='fname_id' class='common' type='text'/>Last Name<input type='text'id='lname_id'/></br></div>" );
                            break;
                        case "mobile_id":
                            $( this ).append( "<div class='default_css'>Enter Mobile Number<input id='mob_id' class='common' type='text'/></div>");
                            break;   
                        }
                        if(flag==0){
                            $( this ).append("<div class='default_css'><input type='button' id='submit_button' style='position:absolute;right:330px;bottom:0;'value='submit'/></div><div id='generate_id'><input type='button' style='position:absolute;right:100px;bottom:0;' value='Generate URL'/>");
                        }
                        flag = 1;   
                    }    
                });


            });

フォーム全体を取得するにはどうすればよいですか

Answer 1

検討

$formHTML = $("#idOfForm").html();